动态改变table列宽，通过js设置table下td的宽度不起作用的解决办法

设置table下td的宽度，居然不起作用，后来才发现是table设置了table-layer:fixed！

参照https://blog.csdn.net/xie_xiansheng/article/details/73249997的解决办法，

<style>
td{border:1px solid red;}
</style>
<table style="table-layout:fixed;width:200px" border="0" cellspacing="1" cellpadding="1">
<tr style="height:0;">
<th style="width:100px"></th>
<th style="width:80px"></th>
<th style="width:20px"></th>
</tr>
<tr>
<td>1</td>
<td colspan="2">2</td>
</tr>
<tr>
<td>1.1</td>
<td>2.1</td>
<td>2.2</td>
</tr>
</table>

设置第一行th的 宽度，从而改变table的列宽