elementui表格列宽可拖动
时间: 2023-09-05 17:07:14 浏览: 195
elementui table列的拖拽功能
您可以在 Element UI 的表格组件中使用 `el-table-column` 的 `resizable` 属性,来开启表格列的拖动调整宽度功能。具体操作步骤如下:
1. 在 `el-table-column` 标签中设置 `resizable` 属性。
```html
<el-table-column prop="name" label="姓名" :resizable="true"></el-table-column>
```
2. 在 `el-table` 标签中设置 `border` 属性。
```html
<el-table :data="tableData" :border="true">
<el-table-column prop="name" label="姓名" :resizable="true"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
```
这样就可以使表格列可拖动调整宽度了。注意,使用拖动调整列宽功能时,需要在表格组件中设置 `border` 属性,否则可能会出现拖动条无法正常显示的问题。
阅读全文