react表固定列样式设计，解决选中设置透明度后的显示问题

最新推荐文章于 2024-01-10 14:58:43 发布

yufengdemimi

最新推荐文章于 2024-01-10 14:58:43 发布

阅读量578

点赞数 1

分类专栏：前端文章标签： css reactjs

本文链接：https://blog.csdn.net/yufengdemimi/article/details/111613214

版权

前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

在这里插入图片描述
解决以上问题在这里插入代码片
//hover样式，注意添加 !important;优先级最高
.ant-table-tbody > tr:hover >.ant-table-cell-fix-left,
.ant-table-tbody > tr:hover >.ant-table-cell-fix-right {
background-color: rgb(115, 122, 122) !important;
}
//selected 样式，注意添加 !important;优先级最高
.ant-table-tbody > tr.ant-table-row-selected >.ant-table-cell-fix-left,
.ant-table-tbody > tr.ant-table-row-selected >.ant-table-cell-fix-right {
background-color: rgb(115, 122, 122) !important;
}
.ant-table-tbody > tr.ant-table-row-selected > td {
background: rgba(180, 255, 255, 0.2)
}

.ant-table-tbody > tr:hover:not(.ant-table-expanded-row)>td {
background: rgba(180, 255, 255, 0.2)
}
.ant-table-tbody > tr:hover:not(.ant-table-cell-fix-right)>td {
background: rgba(180, 255, 255, 0.2)
}
.ant-table-tbody > tr:hover:not(.ant-table-expanded-column)>td {
background: rgba(180, 255, 255, 0.2)
}