Vedi su GitHub

Bootstrap Table Riordina Colonne

Estensione Riordina Colonne della tabella di Bootstrap Table.

In questa pagina

Dipendenze:

Utilizzo

<link rel="stylesheet" href="dragtable.css">
<script src="jquery-ui.js"></script>
<script src="jquery.dragtable.js"></script>
<script src="extensions/reorder-columns/bootstrap-table-reorder-columns.js"></script>

Esempio

Riordina Colonne

Opzioni

reorderableColumns

  • Attributo: data-reorderable-columns

  • Tipo: Boolean

  • Dettagli:

    Imposta true per consentire la funzionalità di riordino.

  • Default: false

dragaccept

  • Attributo: data-dragaccept

  • Tipo: String

  • Dettagli:

    Consente di trascinare solo le righe che hanno la classe CSS come attributo.

  • Default: null

maxMovingRows

  • Attributo: data-max-moving-rows

  • Tipo: Integer

  • Dettagli:

    Spostamento solo dell’intestazione. Consigliato per tabelle molto grandi (celle > 1000)

  • Default: 10

Eventi

onReorderColumn(reorder-column.bs.table)

Si scatena quando la colonna viene rilasciata, riceve come parametro il nuovo ordine dei campi dell’intestazione.

Metodi

orderColumns

  • parametri: object ad esempio {name: 0, price: 1}

  • Dettagli:

    Riordina le colonne in base all’oggetto fornito. La chiave dell’oggetto deve essere il field e il valore è l’indice della colonna (inizia da 0).