在css中删除表格thead

Question

我在使用以下内容生成表格的javascript中使用Markdown/pagedown extra：

col1|col2
---|---
xxx|xxx
xxx|xxx
xxx|xxx

Markdown.Extra.init(converter, {table_class: "mytable"});

这会生成html：

<table class='mytable'>
<thead>
<tr>
  <th>col1</th>
  <th>col2</th>
</tr>
</thead>
<tbody><tr>
  <td>xxx</td>
  <td>xxx</td>
</tr>
<tr>
  <td>xxx</td>
  <td>xxx</td>
</tr>
<tr>
  <td>xxx</td>
  <td>xxx</td>
</tr>
</tbody>
</table>  

我想隐藏/删除thead并仅显示行 使用时：

.mytable thead th {
  visibility: hidden;
}

看起来像：

使用jquery我可以删除某个页面上所有表的thead：

for (i=0; i < $('table').length; i++) { 
  $('table')[i].deleteTHead(); 
}

但是我看到一个轻微的闪烁，看到标题被删除。

问题： 还有另外一种方法吗？可以使用CSS完全删除/隐藏标题吗？

Answer 1

为什么不这样做：

thead, th {display: none;}

原因是，visibility: hidden;仍将显示元素占用的空间。

Answer 2

以CSS最简单的形式display:none

th{
display:none;
}