Bootstrap Table Reorder Columns

Extension Table Reorder Columns de Bootstrap Table.

Dépendances :

• dragTable v2.0.14 (doit inclure le fichier CSS)
• jquery-ui v1.11

Utilisation

<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>

Exemple

Réorganiser les colonnes

Options

reorderableColumns

• attribut : data-reorderable-columns

• type : Boolean

• Détail :

  Définissez true pour activer la fonctionnalité de réorganisation.

• Par défaut : false

dragaccept

• attribut : data-dragaccept

• type : String

• Détail :

  Permet de faire glisser uniquement les lignes qui ont la classe CSS en tant qu’attribut.

• Par défaut : null

maxMovingRows

• attribut : data-max-moving-rows

• type : Integer

• Détail :

  Déplacement uniquement de l’en-tête. Recommandé pour les tableaux très grands (cellules > 1000)

• Par défaut : 10

Événements

onReorderColumn(reorder-column.bs.table)

Déclenché lorsque la colonne a été déposée, reçoit en paramètre le nouvel ordre des champs d’en-tête.

Méthodes

orderColumns

• paramètres : object par exemple {name: 0, price: 1}

• Détail :

  Réorganise les colonnes selon l’objet donné. La clé de l’objet doit être le champ et la valeur est l’indice de la colonne (commence à 0).