如何移除AG-Grid中选中行的ag-row-selected类？

问题原因 #

ag-row-selected 是AG-Grid根据行选中状态自动添加的内置状态类，不受 rowClassRules 控制。rowClassRules 的作用是基于自定义逻辑给行添加额外的类，无法覆盖或移除AG-Grid原生的状态类：

• 当你设置 'ag-row-selected': () => false 时，AG-Grid仍会因为行被选中而自动添加这个类，所以规则不生效
• 返回 true 时，会给所有行额外加上这个类，导致全部变蓝

解决方案 #

直接通过CSS优先级覆盖默认样式，这是最直接有效的方法：

/* 替换成你使用的AG-Grid主题，比如ag-theme-balham、ag-theme-material等 */
.ag-theme-alpine .ag-row.ag-row-selected {
  background-color: transparent; /* 改为你想要的背景色，比如和默认行一致 */
  border: none; /* 如果需要去掉选中行的边框 */
  /* 其他需要覆盖的样式 */
}

如果需要完全自定义选中行的样式逻辑，也可以监听行选中事件，手动添加/移除自定义类，但CSS覆盖是更简洁的方案。

内容的提问来源于stack exchange，提问作者Kiran Anand