element UI el-table实现固定标题功能

博主分享了在寻找并实现固定表格标题功能的过程,最终通过重新定义`el-table`的CSS样式,特别是运用`position: sticky`属性,成功实现了简单易懂的方法。尽管过程中遇到困难,但最终找到了一种简便解决方案,使得表格头部在滚动时保持固定。

想用这个功能已经很久了,最近找这个固定标题功能至少3、4天,找到的只有一个勉强能实现滚动到top 0的地方停住,但是数据在另一个地方显示,没法用,剩下的都是没有效果。本来position:sticky实现起来很简单,结果为了一个现成的功能写了一大堆,我都看不懂。真是功夫不负有心人,找到了一种简便的方法,实现固定表格标题功能。

只需要重新定义一下el-table的css就行了

.el-table {
  overflow: visible;
}

.el-table__header-wrapper {
  position: sticky;
  top: 0;
  z-index: 10000;
}

实现不易,如果觉得对你有很大帮助,请不吝赏赐一二。谢谢

真是一群一毛不拔的家伙,有眼无珠的群体

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值