Vue Table 列宽不要自动调整怎么做 ，请教

现在 table的总列宽大于的 div 宽度时，会自动调整 td宽度。
目的： 增删列，或拖动改变列宽时，table 中 td 宽度都不要自动调整。超过div 宽时， 滚动条查看

<div class="out-div">
<table>
 <tr>        
   <td v-for="(i, index) in tableJson.cols" :key="index" class="col-letter" :width="i"> // 这里列宽 其实已经给了
          <input  type='text'  / >
       </td>
</tr>


<table>
<div>




.out-div {
  overflow: auto;
  height: 100%;
}

table{
  position: relative;
  table-layout:fixed;
}
input{
width:100%;
}

table也要设置宽度，不设置table宽度，当td总宽度超过out-div宽度后，最大宽度就是out-div的，需要设置table宽度为第一行所有td的总宽度，就是width属性值的总和

input{
width:100%;
}
宽度写死试试呢

1，首先你超过div 宽时，滚动条 查看，那么请你先给div一个宽度，div如果没有设置宽度，那么就是自动的宽度

你是不是做固定表格头？

1、table也要设置宽度
2、外层div也设置一个宽度

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