el-table-column 长度设置
时间: 2023-09-29 22:02:46 浏览: 285
vue3 el-table多级表头收缩扩展的实现(JS原味版)
`el-table-column` 组件的长度可以使用 `width` 属性进行设置,例如:
```html
<el-table-column prop="name" label="姓名" width="100"></el-table-column>
```
你也可以使用百分比来设置列的宽度,例如:
```html
<el-table-column prop="name" label="姓名" width="20%"></el-table-column>
```
此外,你还可以通过设置 `min-width` 和 `max-width` 属性来限制列的最小和最大宽度,例如:
```html
<el-table-column prop="name" label="姓名" min-width="50" max-width="200"></el-table-column>
```
注意,当 `el-table` 的 `fit` 属性为 `true` 时,列的宽度会自动调整以适应表格的宽度。
阅读全文