web-dev-qa-db-fra.com

Comment supprimer complètement les en-têtes de table dans jQuery DataTables?

J'utilise le plugin DataTables (www.datatables.net) pour jQuery pour afficher des tableaux sur une page Web.

Après avoir parcouru la documentation et effectué quelques recherches, je suis incapable de savoir comment supprimer ou masquer complètement les en-têtes de table, à l'aide des options DataTables ou de l'API.

19
mydoghasworms

Pourquoi ne les cachez-vous pas simplement en css (je pense que datatables nécessite une section thead pour fonctionner)?

.dataTables_wrapper table thead{
    display:none;
}

violon ici: http://jsfiddle.net/LhZF3/

33
Nicola Peluchetti

Je sais que la question est assez ancienne, mais je l'ai cherchée aujourd'hui et j'ai trouvé une autre solution ...

Dans votre fichier js/coffee:

$("#selector").dataTable({
  ... your other options ...

  fnDrawCallback: -> $("#selector thead").remove()
})

Variante JS pure:

$("#selector").dataTable({
  ... your other options ...

  fnDrawCallback: function() {
    $("#selector thead").remove();
  }
});
13
s.krueger

Ajoutez simplement le style display:none style inline à votre balise thead.

    <thead style="display:none;">
    </thead>
6
Lucky

Ajoutez simplement ceci à votre css:

thead {
  display:none;
}
1
Esa Mäkinen