JavaScript 表中表
Tables within tables with JavaScript
我正在处理一些学生数据，因为这不是第一次出现这种结构。我必须展示一些关于学生在该学科表现的数据，并告诉自己，展示新人的历史会很有趣。简而言之，他们说如果有一个包含 table 的 table 就好了。我想到了如下图所示的结构。
我记得当我还是一名 .NET 程序员时，在 Syncfusion 中有类似的东西。我寻找了一些 javascript 插件，但其中 none 对我来说效果很好。有什么建议吗？只有 JavaScript 和 CSS 可能吗？
上述要求可以通过使用 Syncfusion EJ2 Grid 中的分层绑定功能来实现。下面详细解释，
EJ2 Grid 中的分层绑定用于可视化父记录和子记录之间的关系。可以通过定义 childGrid 和 childGrid.queryString 属性来启用此功能。 childGrid 描述了子 Grid 元素的选项，childGrid.queryString 描述了父子网格之间的关系。
因此，父网格和子网格都应包含一个公共字段名称，其值在子网格的“queryString”属性 中指定。基于这种关系，子网格将与其对应的父行映射。
请找到下面根据此准备的示例以供参考，
样本： https://stackblitz.com/edit/f6hauc
有关这方面的更多详细信息，请参阅以下文档 link、
文档： https://ej2.syncfusion.com/javascript/documentation/grid/hierarchy-grid/#hierarchical-binding
我正在处理一些学生数据，因为这不是第一次出现这种结构。我必须展示一些关于学生在该学科表现的数据，并告诉自己，展示新人的历史会很有趣。简而言之，他们说如果有一个包含 table 的 table 就好了。我想到了如下图所示的结构。
我记得当我还是一名 .NET 程序员时，在 Syncfusion 中有类似的东西。我寻找了一些 javascript 插件，但其中 none 对我来说效果很好。有什么建议吗？只有 JavaScript 和 CSS 可能吗？
上述要求可以通过使用 Syncfusion EJ2 Grid 中的分层绑定功能来实现。下面详细解释，
EJ2 Grid 中的分层绑定用于可视化父记录和子记录之间的关系。可以通过定义 childGrid 和 childGrid.queryString 属性来启用此功能。 childGrid 描述了子 Grid 元素的选项，childGrid.queryString 描述了父子网格之间的关系。
因此，父网格和子网格都应包含一个公共字段名称，其值在子网格的“queryString”属性 中指定。基于这种关系，子网格将与其对应的父行映射。
请找到下面根据此准备的示例以供参考，
样本： https://stackblitz.com/edit/f6hauc
有关这方面的更多详细信息，请参阅以下文档 link、
文档： https://ej2.syncfusion.com/javascript/documentation/grid/hierarchy-grid/#hierarchical-binding