场景

使用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设置指定列固定不动,不受滚动条影响相关推荐

element-ui 中的table的列隐藏问题
element-ui 中的table和bootstrap中的table的某些设置还是有一定的差别的.之前用bootstrap做的表格,想要实现简短列和详细列的切换.因为详细列实在有太多列了,拉动滚动条 ...
Element-UI中关于table表格的那些骚操作
最近的项目中使用到element-ui组件库,由于做的是后台管理系统,所以经常需要操作表格,编辑样式的过程中遇到一些问题,官网针对table给出了很多的api,自己可以自定义,基本能满足产品需求,但是 ...
java设置列宽_javaexcel如何设置指定列宽
Java 开发过程当中经常会遇到java表格操作的场景.如何实现轻松.快捷的设置列宽呢,下面让学习啦小编为你带来javaexcel设置指定列宽的方法. javaexcel设置指定列宽的方法: 方法1 ...
jQuery - 实现设置指定列给动态表格的行生成自动序号
jQuery - 实现设置指定列给动态表格的行生成自动序号无表头表格 HTML jQuery 示意图有表头表格 HTML jQuery 示意图无表头表格 HTML <table id=&q ...
ElementUI中为table增加小计/合计
ElementUI中只有为表格增加一个合计的功能,但是有些时候可能会遇到同时增加小计/合计的功能,可以利用slot='append'去实现多个合计功能. 文章地址: ElementUI中为table增 ...
NodeJS 中的mongoDB设置指定字段的隐藏，查询的时候强制显示指定隐藏的字段
NodeJS 中的mongoDB设置指定字段的隐藏,查询的时候强制显示指定隐藏的字段这里使用的是基于RESTful API的规范创建的请求地址在Schema创建用户的时候可以使用select:fa ...
Element Ui之利用sort-change事件及sortable属性实现Table表格指定列的排序
表格的表现形式如下: 注意:该实例介绍的为根据"型号"进行排序,或者根据"创建时间"进行排序!!! 具体步骤如下: 1.创建table,绑定data,绑定列名p ...
element-UI el-table表格树形在指定列展开显示
el-table属性,文档中默认的实在第一列显示的,如何改变成第二行列显示或者........ 在第一列的 el-table-column标签中添加type="",就可以将树形列表 ...
ElementUI中el-table添加小计行之后调整在滚动条上方
场景找到要添加汇总行小计行的el-table <el-table v-loading="loading" :data="kqtjList" show-s ...

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

场景

实现

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

最新文章

热门文章