faire des colonnes unsortable dans dataTables.js plugin jQuery

Je suis en utilisant le dataTables.js le plugin jQuery.

La première colonne de mon tableau est une ligne de contre, donc je ne veux pas qu'il soit triables par l'utilisateur. La dernière colonne contient des action de lien que l'utilisateur peut effectuer sur une ligne. Comment puis-je faire de ces deux colonnes unsortable?

Note: je suis à l'aide de pipeline (processus côté serveur) mode de datatables.

  • Avez-vous résolu ce problème? Si oui, pouvez-vous fournir la bonne réponse?
InformationsquelleAutor hd. | 2011-04-30
  1. 12

    Ceci est fait en mettant bSortable false:

    /* Using aoColumnDefs */
$(document).ready(function() {
    $('#example').dataTable( {
        "aoColumnDefs": [ 
            { "bSortable": false, "aTargets": [ 0 ] }
        ] } );
} );

/* Using aoColumns */
$(document).ready(function() {
    $('#example').dataTable( {
        "aoColumns": [ 
            { "bSortable": false },
            null,
            null,
            null,
            null
        ] } );
} );
    InformationsquelleAutor sieppl
  2. 8

    DataTables 1.10+ aussi prend en charge le HTML5 données attributs de style, y compris data-sortable="false", ce qui rend la colonne des inadmissibles pour le tri:

    <table>
    <thead>
        <tr>
            <th data-sortable="false">Row</th>
            <th>Name</th>
            <th>Join Date</th>
            <th>Organization</th>
            <th data-sortable="false">Options</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            [etc]
        </tr>
    </tbody>
</table>

    Voir cette démo en jsFiddle

    InformationsquelleAutor Jeromy French
  3. 3

    aaSortingFixed

    Ce paramètre est fondamentalement identique
    à la aaSorting paramètre, mais ne peut pas
    être remplacée par une interaction de l'utilisateur avec
    la table. Ce que cela signifie est que vous
    pourrait avoir une colonne (visible ou
    caché) qui le tri sera toujours
    être forcé sur le tri après
    que (de l'utilisateur) sera ensuite
    comme on le devait. Cela peut être
    utile pour regrouper les lignes ensemble.

    Exemple d'utilisation:

    $(document).ready( function() {
    $('#example').dataTable( {
         "aaSortingFixed": [[0,'asc'],[5,'asc']]
    } );
} );

    0 est le numéro de votre "unsortable' rangée (de gauche). (Donc, dans cet exemple, le premier et le sixièmes de la colonne sont fixes)

    La Documentation Officielle

    InformationsquelleAutor Larry Cinnabar
  4. 0

    Vous pouvez définir une fonction de rappel pour le soutien immuable numéros d'ordre dans la colonne distincte:

    $('#someId').dataTable({
        //...
        "aoColumns": [
            //...
            {"bSortable": false}, //set unsortable this column
            //...
        ],
        fnDrawCallback: function(oSettings) {
            $(this).find('tbody tr').each(function(index) {
                $(this).find('td').eq(1).text(index + 1); //.eq([index of column])
            });
        }
    });
    InformationsquelleAutor Dmytro Zarezenko