Jquery DataTables changement afin de desc quand il trie

Je suis à l'aide de tables de données à afficher certaines données et il fonctionne très bien mais je veux le personnaliser un peu et vous ne savez pas comment.

Ce que je veux faire, c'est quand un utilisateur clique sur un titre de colonne pour trier cette colonne je veux d'abord afin descendingly plutôt que ascendingly. Est-il possible de faire cela?

Les deux versions 1.9 et 1.10 ont les mêmes manières de s'occuper de cela; voir SteD la réponse de 1,9 (voici le asSorting 1.9 documentation) et ma réponse ci-dessous pour 1.10 par défaut de tri dans l'ordre décroissant de 1 ou plus (ou _all!) les colonnes.

InformationsquelleAutor John | 2010-09-16

12

Ont un coup d'oeil à ceci: DataTables de tri de contrôle de la direction d'exemple

Vous pouvez faire quelque chose comme:
```
$(document).ready(function() {
    $('#example').dataTable( {
        "aoColumns": [
            { "asSorting": [ "desc", "asc" ] }, //first sort desc, then asc
        ]
    } );
} );
```
- Merci fonctionne très bien! Savez-vous quelque manière que lors du tri, vous pouvez avoir vide/ vide les champs apparaissent en dernier plutôt que la première?
- Merci pour cette. Ne vous arrive de savoir si un chemin a été ajouté à définir la valeur par défaut pour l'ensemble de la table? Je n'ai pas pu en trouver un.
- Ressemble cela ne fonctionne pas avec v. 1.10.x maintenant? Ne pouvez pas trouver une solution appropriée.
- voir ma réponse pour la 1.10 solution
- vous pouvez cibler _all colonnes dans la version 1.10 de ma solution. Vous pourriez également être en mesure d'utiliser _all comme la cible dans la 1.9, trop comme ici. Voir la asSorting exemple à l'aide de aoColumnDefs pour spécifier "desc","asc" et cible _all
InformationsquelleAutor SteD
4

La version actuelle de tables de données (1.10), voici la façon de commutation de cet ordre de tri par défaut avec la propriété orderSequence sous columnDefs (ou columns mais moins souple).

Voici la documentation sur orderSequence.
```
"columnDefs": [
    { "orderSequence": [ "desc", "asc"], "targets": [ 1 ] },
]
```
Comme il mentionne également, vous pouvez forcer une colonne à seulement sorte une fois cliqué comme DESC ou ASC qui votre interface peut très bien bénéficier de l'.

Dans mon cas, j'avais besoin d'avoir des colonnes décroissant de leur genre sur clic initiale pour une période indéterminée, nombre de colonnes, donc j'ai décidé de passer à l'exemple de cibler un en-tête de colonne de la class nom, plutôt que de définir de façon explicite, de chaque colonne "targets":[1],"targets":[2],...[n], ou par programmation de la construction d'une matrice des indices de colonnes, je m'y intéressai.

Vous pouvez cibler les colonnes de multiples façons selon ici.

Le résultat final est la définition d'un tableau comme suit:
```
<table><thead><tr>
    <th class='descendFirst'>DESCend when first clicked</th>
    <th>a normally sorted ASC->DESC->... column</th>
    ...
</tr></thead></table>
```
Et Tableau de Données habilité en tant que tel:
```
$("#table").dataTable({
    "columnDefs": [
        {"orderSequence": ["desc","asc"], "targets":"descendFirst" },
    ]
});
```
Le tour est joué! Cliquez d'abord sur un tri décroissant sur toutes les colonnes avec un <th> marqué avec une classe de "descendFirst' (arbitrairement choisi, descriptive nom de la classe).

InformationsquelleAutor veeTrain

En réponse à trier les blancs en dernier, voici ce que j'ai trouvé--

(J'ai juste la HAINE des blancs de tri d'abord!!)

Inclure les fonctions de tri

//custom sort functions
jQuery.fn.dataTableExt.oSort['text-blankslast-asc'] = function (x, y) {  
   x = (x == "") ? String.fromCharCode(255) : x;  
   y = (y == "") ? String.fromCharCode(255) : y;  
   return ((x < y) ? -1 : ((x > y) ? 1 : 0));  
};  

jQuery.fn.dataTableExt.oSort['text-blankslast-desc'] = function (x, y) {  
   x = (x == "") ? String.fromCharCode(0) : x;  
   y = (y == "") ? String.fromCharCode(0) : y;  
   return ((x < y) ? 1 : ((x > y) ? -1 : 0));  
};

Appliquer le tri des tags dans les colonnes appropriées,

//init example  
$('#table2').dataTable({  
   "bJQueryUI": true,  
   "aoColumns": [  
      null,  
      { "sType": "text-blankslast" },  
      { "sType": "text-blankslast" },  
      { "sType": "text-blankslast" },  
      null  
   ]  
});

ou tout simplement ajouter du texte masqué pour l'afficher dans l'endroit approprié. Ex. <div style="visibility:hidden;opacity:0;">zzzzz</div> - un hack, mais facile à mettre en œuvre.

InformationsquelleAutor ozberg

2

Si quelqu'un d'autre comme Dave et moi-même, est à la recherche d'un moyen de définir l'ordre de tri sur toutes les colonnes, les éléments suivants peuvent travailler pour vous. Pour modifier l'ordre de tri sur toutes les colonnes j'ai créé une boucle pour modifier les réglages après la table de instancié:
```
$(document).ready(function() {
    var example_table = $('#example').dataTable();
    $.each(example_table.dataTableSettings[0].aoColumns, function(key, column) {
        column.asSorting = [ "desc", "asc" ];
    } );
} );
```
Espère que ça aide. Testé sur jQuery 1.11.0 et les DataTables 1.10.0

InformationsquelleAutor Glen
0

La seule façon d'obtenir votre blanc dernier serait un peu un hack (depuis le tri fonctionne correctement).

Au lieu de retourner les valeurs vides à partir de votre serveur, de retour quelque chose comme: "[Vide]"

Je ne l'ai pas testé, mais je suis sûr que les crochets viendra après, des codes alphanumériques. Aussi crochets traditionnellement symbolise quelque chose qui n'a pas été complété ou encore confirmée.

InformationsquelleAutor

Cela fonctionne pour moi:

       settings = {
           aoColumnDefs: [
            {
                orderSequence: ["desc", "asc"],
                aTargets: ['_all']
            }
        ]};

        $('.dataTable').DataTable(settings);

InformationsquelleAutor Richard

Vous devez vous connecter pour publier un commentaire.