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

<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 有小数点了
请教原因，有什么办法避免？

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>

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632