jQuery DataTables deux lignes dans la tête: noms de colonnes de première ligne et tri, filtrage de deuxième ligne
Dans les anciennes versions de datatables (jusqu'à 1,7.?), J'ai utilisé pour être en mesure d'avoir un tableau avec deux ligne d'en-tête de colonne, où le tri a été fait dans la ligne du haut, et inclus le nom de la colonne, et le filtrage avec des entrées et sélectionne a été fait dans la deuxième rangée.
<table>
<thead>
<tr>
<th>Col 1</th>
<th>Col 2</th>
<th>Col 3</th>
</tr>
<tr>
<td><input type="text" /></td>
<td><select><option ....></select></td>
<td><input type="text" /></td>
</tr>
</thead>
<tbody>...
Avec les versions supérieures, y compris les plus récentes (1.9.0), cela ne fonctionne plus, parce que la sortable en-tête est arriver appliqué à la deuxième ligne, au lieu de la première ligne.
Est-il un moyen de le faire fonctionner sans avoir recours à un plug-in supplémentaire tels que
http://code.google.com/p/jquery-datatables-column-filter/ ?
source d'informationauteur mg1075 | 2012-03-17
Vous devez vous connecter pour publier un commentaire.
jQuery DataTables auteur Allan Jardine a souligné un simple moyen de faire ceci:
utiliser le
bSortCellsTop
option, disponible depuis la version 1.8.http://datatables.net/ref#bSortCellsTop
( http://datatables.net/ref )
http://datatables.net/forums/discussion/9046/two-rows-in-thead-first-row-for-sorting-second-row-for-column-filtering
+1 pour jQuery DataTables!
Je recherche beaucoup de choses sur ce pour une meilleure solution et a créé le code ci-dessous. Ici, vous pouvez décider entre le combo et les zones de recherche en utilisant des noms de classe correspondants dans votre tableau de cellules d'en-tête. Le tri des boutons et les noms de colonne dans la première ligne, les options de filtrage sont dans la deuxième rangée.