我正在使用antd
table
来显示信息,并且我希望在单击特定行时将class
应用于该行。
当前,当我在单击后将鼠标移出该行时,它正在应用该类。
请考虑此代码沙盒
当我在单击行后将鼠标移出该行时,该行的背景色正在更改。
我希望它在单击后立即更改。
此外,当我对任何列排序时,该列的背景色将被删除,我如何避免这种情况
欢迎提供任何解决方案、参考或提示。谢谢
背景颜色按照您的预期工作。问题是你也在改变颜色的行上悬停。请尝试使用不具有:hover功能的表。
问题是,即使在应用了另一个类之后,hover
的默认样式仍在应用中,我不得不在一行中抑制hover
的默认样式,为此,我在App.css
中为特定的antd
css class
添加了此样式
.ant-table-tbody > tr.ant-table-row:hover > td {
background: unset;
}
就是我所做的。