el-table 宽度自适应
时间: 2023-09-26 16:05:12 浏览: 128
可以通过设置 el-table 的 width 属性为 "100%" 来实现宽度自适应。另外,也可以使用 column 的 width 属性设置每一列的宽度。例如,设置第一列宽度为 "100px",第二列宽度为 "200px":
<el-table
:data="tableData"
:width=" '100%' "
>
<el-table-column
prop="name"
label="姓名"
:width=" '100px' "
></el-table-column>
<el-table-column
prop="age"
label="年龄"
:width=" '200px' "
></el-table-column>
</el-table>
相关问题
el-table宽度自适应
`el-table-column` 的宽度可以通过设置 `width` 属性来自适应。也可以设置为 'flex' 或者使用 'auto-width' class来达到自适应。
例如:
```
<el-table-column
prop="name"
label="Name"
width="100">
</el-table-column>
```
或者
```
<el-table-column
prop="name"
label="Name"
class="auto-width">
</el-table-column>
```
在 CSS 中设置:
```
.auto-width {
width: 'auto';
}
```
当然,你也可以设置 `min-width` 和 `max-width`来限制宽度的最小值和最大值。
el-table-column宽度自适应
el-table-column可以根据表格内容自适应宽度。可以设置属性width="auto"或者不设置width属性,这样el-table-column会根据表格内容自动调整宽度。如果需要固定宽度,可以设置具体的宽度值。
阅读全文