element ui表格设置border属性后拖动行表头,表内容的宽度随着表头自适应
时间: 2023-07-20 16:15:05 浏览: 122
EasyUI 数据表格datagrid列自适应内容宽度的实现
如果您在使用 Element UI 表格组件时设置了 `border` 属性,然后在拖动行表头时发现表内容的宽度没有随着表头自适应,可以尝试使用 `fit` 属性来解决这个问题。
具体方法如下:
在表格组件上添加 `fit` 属性:
```html
<el-table :data="tableData" border :fit="true">
<!-- 表格列配置 -->
</el-table>
```
设置了 `fit` 属性后,表格的列宽会自适应表头的宽度,当拖动行表头时,列宽也会跟着自动调整。
注意:使用 `fit` 属性会使表格的列宽自适应,可能会影响到表格的显示效果,因此请根据实际情况选择是否使用。
阅读全文