刪除表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; 
}