el-table行宽自适应
时间: 2023-07-06 20:38:34 浏览: 164
VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法
5星 · 资源好评率100%
要让 `el-table` 的行宽自适应,可以使用 `fit` 和 `width` 属性来实现。具体做法如下:
1. 设置 `fit` 属性为 `true`,这会让 `el-table` 的宽度自适应其父容器。
2. 设置 `width` 属性为 `100%`,这会让 `el-table` 中的每一列都占据整个表格的宽度,从而实现行宽自适应的效果。
示例代码如下:
```html
<el-table :data="tableData" fit width="100%">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
```
以上代码会让 `el-table` 中的每一列都占据整个表格的宽度,从而实现行宽自适应的效果。
阅读全文