el-table固定列
时间: 2024-11-29 16:12:39 浏览: 0
在Element UI库中的`el-table`组件中,固定列(Fixed Column)功能允许你在表格的左侧或右侧设置一些列,使其在整个页面滚动时始终保持可见,不会随着数据区域的变化而移动。这通常用于表头、操作列或者是需要用户始终关注的信息。
要实现`el-table`的固定列,你需要在`el-table-column`的属性中设置`fixed`选项,并指定`left`或`right`来选择固定的边距。例如:
```html
<template>
<el-table :data="tableData">
<!-- 普通列 -->
<el-table-column prop="name" label="姓名"></el-table-column>
<!-- 左侧固定列 -->
<el-table-column fixed="left" prop="sex" label="性别" width="100"></el-table-column>
<!-- 右侧固定列 -->
<el-table-column fixed="right" prop="age" label="年龄" width="100"></el-table-column>
<!-- 固定表头 -->
<el-table-column type="index" fixed></el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: ... // 表格数据
};
}
};
</script>
```
阅读全文