vue: el-table 最后一列操作列设置为fixed后,最后一行有时候显示不完,感觉被遮挡了一半
一、先看解决方案:1、只修改当前页面样式:给table设置class="tableClass"在样式中:<stylelang="less" >.tableClass {.el-table__fixed-right {height: 100% !important; //设置高优先,以覆盖内联样式}...
·
一、先看解决方案:
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元素,且设置了宽高。
更多推荐
已为社区贡献25条内容
所有评论(0)