el-table-column改变单元格宽度
时间: 2023-08-05 17:10:35 浏览: 93
改变el-table宽度
5星 · 资源好评率100%
要改变 `el-table-column` 的单元格宽度,可以通过以下两种方法实现:
1. 通过 `width` 属性设置单元格的宽度:
```html
<el-table :data="tableData">
<el-table-column prop="name" label="姓名" width="100"></el-table-column>
<el-table-column prop="age" label="年龄" width="80"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
```
2. 通过 `min-width` 和 `max-width` 属性设置单元格的最小和最大宽度:
```html
<el-table :data="tableData">
<el-table-column prop="name" label="姓名" :min-width="100" :max-width="150"></el-table-column>
<el-table-column prop="age" label="年龄" :min-width="80" :max-width="100"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
```
这样就可以改变 `el-table-column` 的单元格宽度了。希望这能帮到你!
阅读全文