问题标签 [expandable-table]

我一直在尝试创建一个带有可扩展行的表。在可扩展行中，我想显示一个带有标题和行数据的表格。我尝试了不同的模块，如 Material-UI Table 和 material-table。例如，我可以在可扩展行中显示一张卡片。但不是带有 . 有谁知道如何在 React js 中做到这一点？

提前致谢

我正在尝试使用以下结构实现 UITableView：

TableView 应该是这样的，当用户点击 Section 1 ->expand the subsection (SectionTitle1 & SectionTitle2); 当用户单击 SectionTitle1 -> 展开小节（问题 1 和问题 2）时；当用户再次单击 Question1 -> 显示答案时：

第 1 节

• 章节标题 1

  • 问题 1

    • 答案 1

  • 问题2

    • 答案 2

第 2 节

• 章节标题 1

  • 问题 1

    • 答案 1

  • 问题2

    • 答案 2

任何人都可以帮助我解决这个问题或任何其他解决方案吗？

我正在使用回收器视图（https://github.com/thoughtbot/expandable-recycler-view）来显示部分和子部分的列表。它工作得很好。但是，当我尝试使用实时数据更新列表并使用：- recyclerView.adapter = 适配器时，每次实时数据更新时都创建适配器。但是当数据更新时，它会折叠每个部分，无论它是否已经展开。我想保持更新列表时的状态。有人可以告诉我如何实现这个或任何其他方式来更新保持列表状态相同的适配器（如果它已展开，则保持展开、折叠、保持不变）。提前致谢。

我在 Next.js v10.0.4 的应用程序中使用了 antd design 4.10 版的可扩展表。当我单击+表中的按钮时，它假设只打开选定的行，但我不知道为什么它同时打开所有行。

这是我的表格组件：

与 antd design 中的文档代码完全相同：https ://ant.design/components/table/#components-table-demo-expand

我有一个带有可扩展行的垫子表。在每个展开的行中，我有另一个垫子表。我可以在外表上使用 (focusin) 事件，但在内表（展开行内）上，focusin 不起作用。基本上我无法专注于展开区域。有人可以帮忙解决这个问题吗？

在上面的代码中，调用 Test1 的焦点被触发，但调用 Test2 的焦点永远不会被触发。

我有试图在表中显示的层次结构数据。我正在使用可扩展的材料表，当我只显示一个级别的数据时它可以正常工作。

我创建了一个显示主要数据的表格，当我单击详细信息时，它显示另一个展开的表格。

我有越来越多的子细节数据需要展示。

我将扩展表移动到 ng-template 并使用 let-param 传递参数，但是当我单击第一级时我面临的问题显示正常，但是当我单击第二级时它隐藏了第一级。

请让我知道是否有人有此类任务的经验。

谢谢你。

我有一组数据需要在表中显示，对于相同的数据，我想在用户展开行时显示图形表示。我所取得的成就是表格中包含一些数据的可扩展行。我的代码如下：

abc.component.ts

abc.component.html

可展开的行显示总活跃、总非活跃和总学生数据，但我想加载图表而不仅仅是数字。

我对 antd 可扩展表有问题

我有一张这样的桌子

在 onExpandRow 我调用我的 api 函数来设置状态

并且该状态用于数据源子表

当我展开第二行时，我得到 2 个数据

当我展开第二行时

当我展开第一行时，我得到 1 个数据，但在第二行中更新为 1 个数据，因为数据源与状态相同

当我展开第一行时

当我隐藏展开时，api总是点击.. T__T

我有一张antd桌子，里面有一个可扩展的行。我想根据我单击的行呈现数据，因为每一行都有一个唯一的代码。如何获取行的目标值以便相应地过滤数据？

我使用 onRow 吗？不确定如何onClick在antD表格或可扩展表格中使用。我也有

在可扩展中启用。所以我有两个问题

1. 如何通过仅单击一个特定单元格来展开表格
2. 展开时，如何捕获单击的行，以便可以将数据相应地呈现到展开的表中？

In an antd table I am trying to use the columnWidth property in expandable to set the column width as the minimum. In my table the width for the expandable icon column is very big and by default it's quite large for me. I've tried giving a string | number as said so in the documentation but it doesn't seem to work. Is there any other way to set it to a minimum?

I've tried to use style and margin as 0 but even that isn't making a difference and columnWidth doesn't seem to work.