隐藏表标题列时隐藏所有列

Question

我在Thead的第二栏中使用了.hide类。

我等待整个列被隐藏，但事实并非如此。

我的一页上的表和行太多。我不想在tbody中添加一个类。没有在thead中添加javascript的方法，是否有可能解决此问题？因为我需要速度。

我尝试了这些：

.hide {display:none}
.hide {width:0px;}
.hide {max-width:0px}

    <table class="tablo">
<thead>
<tr>
<th>head1</th>
<th class='hide'>head2</th>
<th>head3</th>
<th>head4</th>
</tr>
</thead>
<tfoot>
<tr>
<td>foot1</td>
<td>foot2</td>
<td>foot3</td>
<td>foot4</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>cell1_1</td>
<td>cell2_1</td>
<td>cell3_1</td>
<td>cell4_1</td>
</tr>
<tr>
<td>cell1_2</td>
<td>cell2_2</td>
<td>cell3_2</td>
<td>cell4_2</td>
</tr>
</tbody>
</table>

JsFiddle