vue Table 改变其中一列的宽度，其它列宽度出现变化的问题

Question

<table width=320>
  <tr >
         <td   width=30 > 第一列</td>
         <td   width=30> 第二列</td>
         <td   width=130>第三列</td>
          <td   width=130>第四列</td>
  </tr>

</table>

问题描述:
1、变更 第二列 的 宽度= 40 时， （我设置了拖动改变 列宽）
2、并同时 变更 table 总宽度= 330 （30+40+130+130）

这时出现一个问题：
查看元素offsetWidth，table总宽度是330没错,
但是， 各列td的offsetWidth 变成类似 29.4461 ， 130.4611 有小数点了
请教原因，有什么办法避免？

Answer 1

table-layout:fixed

<table width=320 style="table-layout:fixed">
    <tr>
        <td width=30> <div>第一列</div></td>
        <td width=30> 第二列</td>
        <td width=130>第三列</td>
        <td width=130 >第四列</td>
    </tr>

</table>