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

Question

现在 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%;
}

Answer 1

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