el-table中冻结几列
时间: 2024-09-30 07:01:28 浏览: 28
el-table-infinite-scroll:El-Table无限滚动
5星 · 资源好评率100%
在Element UI中的el-table组件中,你可以通过`fixed`属性来实现列的冻结,使其固定不动。`fixed`可以设置为`left`、`right`或`none`,分别对应左侧冻结、右侧冻结和不冻结。例如:
```html
<el-table :data="tableData" :width="width">
<el-table-column type="index" width="60" fixed></el-table-column>
<!-- 其他列 -->
<el-table-column prop="name" label="姓名" width="180"></el-table-column>
<el-table-column prop="position" label="职位" width="180" fixed="left"></el-table-column> <!-- 左侧冻结 -->
<el-table-column prop="salary" label="薪水" width="180" fixed="right"></el-table-column> <!-- 右侧冻结 -->
</el-table>
```
在这个例子中,第一列默认会因为`type="index"`而自动冻结在左边,然后你可以指定其他你想固定的列使用`fixed="left"`或`fixed="right"`。
阅读全文