javascript - FluentUI detailsList with groups - 有没有办法防止选择组行

Question

我在fluentUI的官方页面中查看了fluent detailsList分组示例： https ://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist/grouped

并稍微编辑了他们的示例，因此某些组有 1 行

现在，当我选择行中的项目时，组行（组标题）也被选中

我想阻止这种情况。有办法吗？

Answer 1

一个快速的解决方法是通过 CSS 来实现：

如果一个元素有ms-GroupHeader is-selected类，意味着它是一个组头并且也被选中，所以你改变设置背景颜色。

您可能可以将 className 传递给这样的组件