项目场景:
提示:这里简述项目相关背景:
例如:项目场景:示例:通过蓝牙芯片(HC-05)与手机 APP 通信,每隔 5s 传输一批传感器数据(不是很大)
问题描述:
react中表的样式问题,固定列样式设计,鼠标选中或hover事件出现以下效果
原因分析:
注意添加 !important;优先级最高,解决问题
解决方案:
固定列样式设计,鼠标选中或hover事件CSS设置如下解决问题:
.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 >