element table样式修改

实现table 使用show-summary 合计,合计在表格上层保持不动,效果图如下:
image

<style lang="scss" scoped>
::v-deep .el-table__footer-wrapper{
.el-table__cell{
padding:0.7rem 0;
}
}
::v-deep .el-table__body-wrapper{
position: absolute;
bottom: 0.20rem;
}
</style>

小技巧:当element table标题栏发生改变时 需要调用table的 doLayout()方法
image

小知识点:怎么js操作table 滚动条
需求场景:弹窗出的table 每次打开弹窗时要保持table要保持滚动条 在最左边 或最上边

//this.$refs.fixedOperTables 选中相应的table元素
this.$refs.fixedOperTables.bodyWrapper.scrollLeft=0
posted @   xiao旭  阅读(56)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示