如何修改element-ui的table每一列的列宽
时间: 2023-07-27 21:19:00 浏览: 270
改变table的列宽度
5星 · 资源好评率100%
要修改element-ui的table每一列的列宽,可以通过设置`<el-table-column>`标签的`:width`属性来实现。例如,如果你想将第一列的列宽设置为100px,第二列的列宽设置为200px,可以这样写:
```
<el-table :data="tableData">
<el-table-column prop="name" label="姓名" :width="100"></el-table-column>
<el-table-column prop="age" label="年龄" :width="200"></el-table-column>
</el-table>
```
其中,`:width`属性的值为列宽的大小,单位为像素。你可以根据实际情况调整列宽的大小。
阅读全文