DataTable：如何隐藏表头？

Question

我有两个使用DataTable的表：

• 顶部：完全匹配
• 底部：相关

这是他们现在的样子。

如您所见，无需在第二个表上显示表头。我想隐藏它。

我试过在我的CSS上使用它：

因为class = inventory_related

.inventory_related table thead {

        display:none;

    }

我也尝试脱掉整个：

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

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

        </thead>

这也不起作用。

任何人都有任何关于我如何隐藏我的第二个表头的建议？

谢谢。

Answer 1

<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>

Answer 2

请参阅以下代码作为示例：

.inventory_related thead {
  display: none;
}

<table>
  <thead>
    <th>header 1</th>
    <th>header 2</th>
  </thead>
  <tbody>
    <td>row value 1</td>
    <td>row value 2</td>
  </tbody>
</table>
<table class='inventory_related'>
  <thead>
    <th>header</th>
    <th>header 2</th>
  </thead>
  <tbody>
    <td>row value 3</td>
    <td>row value 4</td>
  </tbody>
</table>

Answer 3

在我的情况下，设置

.inventory_related thead {    
    display:none;   
}

与列宽相混淆，而

.inventory_related thead {    
    visibility: collapse;   
}

好像在起作用。

Answer 4

如果<table>的类是inventory_related然后写下面的CSS

.inventory_related thead {    
    display:none;   
}

Answer 5

如果你想在jQuery（js）中做，那么你可以简单地做：

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

其中'datatableId'是表的ID或包含该表的div标签。