如何在行的onClick而不是在onMouseLeave之后将rowClassName添加到antd表中的特定行



我正在使用antdtable来显示信息,并且我希望在单击特定行时将class应用于该行。
当前,当我在单击后将鼠标移出该行时,它正在应用该类。
请考虑此代码沙盒
当我在单击行后将鼠标移出该行时,该行的背景色正在更改。
我希望它在单击后立即更改。
此外,当我对任何列排序时,该列的背景色将被删除,我如何避免这种情况
欢迎提供任何解决方案、参考或提示。谢谢

背景颜色按照您的预期工作。问题是你也在改变颜色的行上悬停。请尝试使用不具有:hover功能的表。

问题是,即使在应用了另一个类之后,hover的默认样式仍在应用中,我不得不在一行中抑制hover的默认样式,为此,我在App.css中为特定的antdcss class添加了此样式

.ant-table-tbody > tr.ant-table-row:hover > td {
background: unset;
}

就是我所做的。

最新更新