el-table固定行
时间: 2023-06-30 16:15:59 浏览: 86
table表格固定行和列
5星 · 资源好评率100%
要在 Element UI 的 el-table 组件中固定表格的行,你可以使用 fixed 属性。具体来说,你可以在 <el-table-column> 标签中设置 fixed="left" 或 fixed="right" 来将列固定在左侧或右侧。同样地,在 <el-table> 标签中设置 :height 属性可以固定表格的高度。
例如,以下代码将左侧第一列和右侧最后一列固定在表格中:
```
<el-table :data="tableData" :height="300">
<el-table-column label="日期" prop="date" width="180" fixed="left"></el-table-column>
<el-table-column label="姓名" prop="name" width="180"></el-table-column>
<el-table-column label="地址" prop="address"></el-table-column>
<el-table-column label="邮编" prop="zip" width="100" fixed="right"></el-table-column>
</el-table>
```
阅读全文