elementUI tab切换后,el_table固定列下方为何多出一条线?
- 内容介绍
- 文章标签
- 相关推荐
本文共计669个文字,预计阅读时间需要3分钟。
现象:ElementUI的Table组件固定列宽度不显示。
解决方法:
1.修改全局CSS
2.仅修改局部CSS
具体操作:
- 在你的CSS文件中,添加以下代码: .your-table-class /deep/ .el-table__fixed { height: 100% !important; /* 设置高度为100%,并使用important确保优先级 */ } - 确保你的table的类名为`your-table-class`,根据实际情况替换。补充知识:- 解决ElementUI的Table组件固定列宽度不显示的问题,主要是通过CSS调整固定列的高度来实现。使用`/deep/`选择器可以深入到组件内部,修改ElementUI内部的样式。
现象:
解决方法 :
1.修改全局css
2.只修改局部css
.你的tableClass{ /deep/ .el-table__fixed { height: 100% !important; //设置高优先,以覆盖内联样式 } }
补充知识:解决ElementUI的Table组件固定列,在屏幕刚好够表格显示时,会出现固定列显示不全的问题
在使用ElementUI的Table组件中的固定列时,发现当表格刚好显示全,处于临界值状态时,固定列的高度(height)会于表格高度不一致,导致固定列显示不全,出现垂直滚动条。
本文共计669个文字,预计阅读时间需要3分钟。
现象:ElementUI的Table组件固定列宽度不显示。
解决方法:
1.修改全局CSS
2.仅修改局部CSS
具体操作:
- 在你的CSS文件中,添加以下代码: .your-table-class /deep/ .el-table__fixed { height: 100% !important; /* 设置高度为100%,并使用important确保优先级 */ } - 确保你的table的类名为`your-table-class`,根据实际情况替换。补充知识:- 解决ElementUI的Table组件固定列宽度不显示的问题,主要是通过CSS调整固定列的高度来实现。使用`/deep/`选择器可以深入到组件内部,修改ElementUI内部的样式。
现象:
解决方法 :
1.修改全局css
2.只修改局部css
.你的tableClass{ /deep/ .el-table__fixed { height: 100% !important; //设置高优先,以覆盖内联样式 } }
补充知识:解决ElementUI的Table组件固定列,在屏幕刚好够表格显示时,会出现固定列显示不全的问题
在使用ElementUI的Table组件中的固定列时,发现当表格刚好显示全,处于临界值状态时,固定列的高度(height)会于表格高度不一致,导致固定列显示不全,出现垂直滚动条。

