观察到表格有横向滚动条的时候会出现ivu-table-overflowX样式。所以利用该样式类名修改兄弟节点固定列的样式。
.ivu-table .ivu-table-fixed-right {
box-shadow: -2px 0 6px -2px rgba(0, 0, 0, 0)!important;
height: calc(~'100%')!important;
}
.ivu-table .ivu-table-overflowX ~ .ivu-table-fixed-right {
box-shadow: -2px 0 6px -2px rgba(0, 0, 0, 20%)!important;
height: auto!important;
}
这篇博客介绍了当表格出现横向滚动条时,如何通过CSS调整`.ivu-table-overflowX`类来改变兄弟节点固定列的样式。作者提供了一段CSS代码,用于在有滚动条时为`.ivu-table-fixed-right`添加阴影效果并调整高度,而在没有滚动条时恢复其高度。这有助于改善用户界面的视觉体验。
3350

被折叠的 条评论
为什么被折叠?



