VUE 怎么设置el-table-column的宽度
时间: 2023-12-03 16:40:02 浏览: 301
在Vue中设置`el-table-column`的宽度可以通过以下两种方式实现:
1. 直接在`el-table-column`标签中使用`:width`属性设置宽度,例如:
```html
<el-table-column prop="name" label="姓名" :width="100"></el-table-column>
```
2. 在`el-table`标签中使用`:column-width`属性设置所有`el-table-column`的默认宽度,例如:
```html
<el-table :data="tableData" :column-width="100">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
</el-table>
```
如果需要对某个`el-table-column`进行特殊设置,可以在该标签中使用`:width`属性覆盖默认宽度,例如:
```html
<el-table :data="tableData" :column-width="100">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄" :width="150"></el-table-column>
</el-table>
```
阅读全文