如何在jQuery中基于父行中的列对包含子行的表进行排序

wgmfuz8q  于 2022-11-22  发布在  jQuery
关注(0)|答案(1)|浏览(126)

bounty已结束。回答此问题可获得+50声望奖励。奖励宽限期将在16秒后结束。DevTN希望吸引更多人关注此问题。

我有一个HTML表,其中包含由data-target控制的父行和子行。我可以折叠和展开我的行。
我想基于总计列降序对表进行排序。排序应仅针对具有类.accountLevelLine的父行<tr>
我的解决方案基本上奏效了,但仍然存在一些问题。它对父行进行排序,但子行没有与父行对齐,因此在展开/折叠子行时,它们不属于正确的父行。
有什么想法吗?我做错了什么?我在这里尝试了不同线程上的多个解决方案,但子行仍然导致一个问题。感谢您的支持。
下面是我的代码:
第一个

ws51t4hk

ws51t4hk1#

分离 主 行 ( 第 一 行 除外 ) , 然后 按 正确 的 顺序 将 它们 添加 回去 , 但 不 分离 内部 行 。 因此 , 实际 情况 如下 :

  • 您 分离 了 所有 主 行 , 除了 第 一 个 - 〉 第 一 个 主 行 保留 , 后面 是 所有 内部 行 , 与 它们 属于 哪个 可 折叠 行 无关
  • 从 第 二 行 开始 对 行 进行 排序 ( 为什么 不 包括 第 一 行 ? )
  • 您 以 正确 的 顺序 添加 回 主 记录 - 〉 初始 的 第 一 个 主 行 后面 是 任何 主 行 的 内部 行 , 然后 是 已 排序 的 主 行

如果 不 隐藏 内部 行 , 则 排序 后 的 表 外观 如下 所 示 :

修复 :
第 一 个
说明 :

  • 我们 对 所有 行 进行 排序 , 包括 第 一 行
  • 我们 还 分离 内部 行 , 并 在 追加 父 行 之后 追加 它们

相关问题