Supprimer le tri des flèches en jQuery DataTables

Les icônes est défini comme background : url(..) sur les classes CSS. Désactiver :

.sorting, .sorting_asc, .sorting_desc {
    background : none;
}

voir jsfiddle -> http://jsfiddle.net/5V2Dx/ Remarque : Cette solution est pour les tables de données 1.9.x!!

---

Mise à jour. Lors de l'utilisation de tables de données 1.10.x, le CSS pour la réinitialisation de l'en-tête des icônes est un peu différent :

table.dataTable thead .sorting, 
table.dataTable thead .sorting_asc, 
table.dataTable thead .sorting_desc {
    background : none;
}

voir -> http://jsfiddle.net/kqpv3ub9/ (mise à jour de la démo est à l'aide de tables de données 1.10.11)

Vous pouvez utiliser la table de données des propriétés comme ci-dessous, il permet de masquer l'icône de tri
de datatable colonnes :

"targets": 'no-sort',
"bSort": false,
"order": []

Les flèches ont certaines classes qui leur sont associés. Vous pouvez utiliser les CSS pour cacher ces éléments.

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
    display: none;
}

Astuce rapide (cela permet de masquer un bouton de tri, mais la fonction fonctionne toujours):
- Créer des CSS:

CSS:

.no-sort::after { display: none!important; }

.no-sort { pointer-events: none!important; cursor: default!important; }

• Puis ajouter ce dans un en-tête de votre table:

HTML:

<th class="no-sort">Heading</th>

En tout cas voici la réponse longue, vous pouvez utiliser ce bout de code pour désactiver la fonction de tri de la colonne particulière (base-idx: 0), AINSI QUE de supprimer un bouton de tri:

JS:

$('#example').dataTable( {
  "columnDefs": [
    { "orderable": false, "targets": 0 }
  ]
} );

Mais cela ne fonctionne pas parfaitement, si vous définissez peut être commandé en tant que faux dans la première colonne. La fonction de tri s'arrête, mais le bouton est toujours là. Parce que, par défaut, la première colonne a été mis à l'ordre ascendingly ("ordre": [[ 0, 'asc' ]). Pour désactiver cette 'ennuyeux' par défaut, ajouter une option: "commande":

JS:

$('#example').dataTable( {
      "columnDefs": [
        { "orderable": false, "targets": 0 }
      ],
      "order": [],  //not set any order rule for any column.
});

C'est ce qui a fonctionné pour moi

.dataTable > thead > tr > th[class*=sort]:after{
    display:none;
}

Tout cela semble un peu compliqué, pourquoi ne pas utiliser le data-sortable="false" attribut sur la <th> tag et puis il suffit de faire un removeAttribute("class"); en JS avec un click déclencheur?

Pour DataTables 1.10.7 une petite variante pour davidkonrad de style css:

table.dataTable thead th.sorting, 
table.dataTable thead th.sorting_asc, 
table.dataTable thead th.sorting_desc {
    background : none;
}

Inclure le "th" de l'élément.

Dans mon cas, cela a bien fonctionné.

.sorting:after,
.sorting_asc:after,
.sorting_desc:after{
    content: "";
    background: none !important;
}

Classes CSS sorting_asc et sorting_desc apporte l'icône.

Solution la plus simple pour localiser correctif pour table spécifique est, une fois que le tableau est initialisé, dans fnInitComplete, procédez de la manière suivante:

$(TABLE).find("thead th").removeClass("sorting_asc");

Mettre en dessous de CSS. Il permet de masquer l'icône n', cependant le tri de travail.

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background-image: none!important;
}

Vous pouvez supprimer l'icône d'images ainsi (au lieu de l'ajout de nouvelles CSS), dans le dossier:

DataTables-1.10.16\images