el-table设置指定列固定，不受滚动条影响

最新推荐文章于 2025-03-04 15:04:52 发布

春晓_春眠花落

最新推荐文章于 2025-03-04 15:04:52 发布

阅读量7.4k

点赞数

分类专栏： element 文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_49668076/article/details/124769459

版权

element 专栏收录该内容

26 篇文章

订阅专栏

本文介绍了如何在Element UI的el-table组件中实现列的固定，特别是当需要固定非边栏列时，强调了需要同时对相邻列设置fixed属性。通过示例代码展示了在封装的表格组件中，如何使用for循环为特定索引的列添加fixed属性，并在父组件的columnOption数组中配置。这有助于在复杂布局中保持表格列的可见性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

常规的el-table表格，看官方文档示例就可以实现
就是在你想固定的列上加fixed
在这里插入图片描述
如果你固定的列不是最左边或最右边的，比如是第二列的，那你要把第一列和第二列都加个固定，单单给第二列加不起作用。

我这里封装了表格，用for循环循环出列表，加一个fixed，索引列也加一个fixed

  <el-table-column width="60" label="序号" type="index" align="center" fixed>
          <template slot-scope="scope">
            <span>{{ scope.$index + 1 }}</span>
          </template>
        </el-table-column>