欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

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

发布时间:2025/3/19 编程问答 65 豆豆
生活随笔 收集整理的这篇文章主要介绍了 ElementUI中el-table设置指定列固定不动,不受滚动条影响 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

场景

使用el-table显示人员信息时,如果要显示的人员信息列比较多,就会出现滚定条。

如果希望前面指定的像工号、姓名等字段不用显示的话,可以设置指定列固定不动。

实现效果如下

 

注:

博客:
https://blog.csdn.net/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

只需要在固定不动的列添加fixed属性即可。

          <el-table-column label="姓名" align="center" prop="xm" fixed/><el-table-column label="单位" align="center" prop="dw" width="180" fixed />

此属性还可以传递其他的参数

 

 

总结

以上是生活随笔为你收集整理的ElementUI中el-table设置指定列固定不动,不受滚动条影响的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。