gpt4 book ai didi

javascript - 对嵌套表行进行分组

转载 作者:太空宇宙 更新时间:2023-11-04 03:43:51 26 4
gpt4 key购买 nike

在 HTML 表格中对表格行进行分组的最佳方式是什么?一些分组应该是嵌套的,所以使用 <tbody>不是一个理想的解决方案(它们不应该嵌套)。

我的数据具有以下格式:

Level 1Level 1    Level 2    Level 2        Level 3            Level 4        Level 3        Level 3    Level 2Level 1    Level 2        Level 3            Level 4            Level 4        Level 3    Level 2        Level 3

我要实现的目标:

  • 易于阅读的合理文档结构
  • 到目前为止,我使用 CSS 实现了不同级别的“易于阅读”部分
  • 一些嵌套级别可能需要折叠,因此分组会(?)使事情变得更容易。它必须能够通过某种机制(最有可能是点击)折叠紧跟在任何特定更高级别之后的嵌套级别。不确定这种折叠有多大意义,但这可能是要求之一。

表格是用 JavaScript 生成的(从具有嵌套结构的 JSON 对象),所以我可以对它施展各种魔法。数据代表财务 Assets 负债表,有时您可能希望显示/隐藏任何特定数据行的更多详细信息,因此需要嵌套。

最佳答案

我认为在 HTML 中没有好的方法可以做到这一点。我会使用 JQuery 数据表。

http://jquery-datatables-row-grouping.googlecode.com/svn/trunk/customGroupOrdering.html

试着看看那个例子

关于javascript - 对嵌套表行进行分组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24448337/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com