Tanstack 表分组:当组只有一行时是否可以禁用分组?

问题描述 投票:0回答:1

我是通过使用 Material React Table 来使用 Tanstack 表的新手。

我的数据集是一个用户列表,其中包含一些信息(第一行和第二行)和定义“范围”对象的第六列。 所以我的用户可以有多个“范围”,我想利用 MRT(又名 Tanstack 表)分组来显示这一点。

所以我在对Users进行分组时使用聚合来显示Scope的数量。

我想知道当我的用户只有一个范围时是否有一个选项或解决方案可以防止分组。

这是所有组展开时的图片(绿色=确定,红色=我想要进行的更改): Screen of my current table

我的代码在这里非常标准,但我在文档中找不到如何实现这个用例......

感谢您的帮助;)

我之前尝试寻求帮助>>>我只是阅读文档以找出当组中只有一行时禁用分组。找不到答案。

reactjs material-ui grouping tanstack material-react-table
1个回答
0
投票

最后,经过几个小时的研究,我明白了。 只需定义 Material React Table 的

getRowCanExpand
属性

这是正确的文档:https://tanstack.com/table/v8/docs/api/features/expanding#getrowcanexpand

我的自定义条件,我不希望只有一个叶子(子)的行能够扩展:

getRowCanExpand={row => row.getLeafRows().length > 1}

我搜索“分组”关键字时被误导了,原来是“展开”键。有时很难理解英语(不是我的母语)的概念。

我希望它对某人有帮助;)

© www.soinside.com 2019 - 2024. All rights reserved.