DataTable : Comment masquer les en-têtes de tableau?

J'ai 2 tables à l'aide des DataTable :

  • haut: correspondance exacte
  • bas :

Voici à quoi ils ressemblent maintenant.

DataTable : Comment masquer les en-têtes de tableau?

Comme vous pouvez le voir, il n'est pas nécessaire de montrer à la table d'en-tête sur la seconde table. Je veux le cacher.

J'ai essayé de l'utiliser sur mon CSS :

Depuis l'class = inventory_related

.inventory_related table thead {

        display:none;

    }

J'ai aussi essayé de décoller l'ensemble :

       <thead class="thin-border-bottom ">

            <th>Catalog # </th>
            <th>Description</th>
            <th>Available Vials</th>

        </thead>

Cela ne fonctionne pas non plus.

Quelqu'un a une suggestion sur comment puis-je cacher mon 2ème table d'en-tête ?

Grâce.

Est le nom de la classe inventory_related sur le <table>? Si oui, vous devez table.inventory_related thead (mais il est préférable d'omettre l'élément et écrire .inventory_related thead)
<table class="afficher" id="inventory_related" class="inventory_related">
Vous pouvez seulement avoir un classattribut sur une table. Changement de <table class="display inventory_related" id="inventory_related">
Désolé, je ne voulais pas. Il devrait en être ainsi <table class="display inventory_related" id="inventory_related" >

OriginalL'auteur | 2015-02-18

  1. 4
    <table>
  <thead style='display:none;'>
    <th>header 1</th>
    <th>header 2</th>
  </thead>
  <tbody>
    <td>row value 1</td>
    <td>row value 2</td>
  </tbody>
</table>

    OriginalL'auteur Nguyễn Đức Tùng

  2. 0

    si la classe de <table> est inventory_related puis écrire le code css suivant 

    .inventory_related thead {    
    display:none;   
}

    OriginalL'auteur Tanjima Tani

  3. 0

    Dans mon cas, le réglage de 

    .inventory_related thead {    
    display:none;   
}

    sali avec des largeurs de colonne, tandis que

    .inventory_related thead {    
    visibility: collapse;   
}

    semble être au travail.

    OriginalL'auteur Mitch Roe

  4. 0

    Si vous voulez le faire en jQuery(js), alors vous pouvez tout simplement faire:

    $("#datatableId").css("display", "none");

    où "datatableId' est l'ID de votre table ou de certains balise div qui contient la table.

    OriginalL'auteur Learner