0
点赞
收藏
分享

微信扫一扫

vue: el-table 最后一列操作列设置为fixed后,最后一行有时候显示不完,感觉被遮挡了一半

眸晓 2022-11-29 阅读 210


一、先看解决方案:

1、只修改当前页面样式:

    给table设置class="tableClass"

    在样式中:

  

<style lang="less" > .tableClass { .el-table__fixed-right { height: 100% !important; //设置高优先,以覆盖内联样式 } } </style>

2、直接用table的class,修改项目中所有表格此问题

<style lang="less" > .el-table >.el-table__fixed-right { height: 100% !important; //设置高优先,以覆盖内联样式 } </style>

 

二、为什么会导致这个问题呢

之前看了一片博客,我觉得分析得很不错 ​​点击查看​​

大体意思如下:固定列的DOM元素是独立于表格body的,所有在开发代码中,给该列设置任何class或style是无法添加在固定列这个DOM元素上的。从这个DOM元素可以看到style元素设置了width和height,这个元素是ElementUI生成表格时,生成的DOM元素,且设置了宽高。

 

举报

相关推荐

0 条评论