【问题标题】:Sorting a table that's nested in another table (with Tablesorter)对嵌套在另一个表中的表进行排序(使用 Tablesorter)
【发布时间】:2016-08-18 07:37:43
【问题描述】:

我有一个使用 Tablesorter jQuery 插件进行排序的现有表格,效果很好。

我最近添加了一些功能,当您点击展开该表的某一行时,它会:

  • 添加新行(将 colspan 设置为跨所有列)
  • 将新的 HTML 加载到新创建的行中,该行包含一个带有 唯一的 id 和一个单独的调用来使用 tablesorter 的表 该 ID

再一次,一切都很好。然而,虽然 tablesorter 在整个父表上工作得很好,但它根本不加载在内表上。

我怀疑我的整个方法可能存在问题,因为我尝试了其他表格排序插件(如Stupid Table Plugin),但它们都不起作用。

我做错了什么吗?还是我需要通过 jsFiddle 深入分享细节?

【问题讨论】:

    标签: javascript jquery tablesorter


    【解决方案1】:

    tablesorter 的原始版本 (v2.0.5) 不适用于嵌套表 - demo

    $(function() {
      $('table').tablesorter();
    });
    

    查看我的fork of tablesorter,它更好地处理嵌套表和嵌套主题 - demo

    $(function() {
      $('table').tablesorter({
        theme: 'blue'
      });
    });
    

    【讨论】:

    • 嗨@Mottie。谢谢你;我已将应用程序中的所有表格更新为您的表格分类器分支,并且嵌套表格大部分都在工作。但是,我无法像上面的示例那样维护父行和子行之间的关系。这可能是因为我正在通过 $.get 调用加载子行吗?如果我在这里以单独的问题分享我的代码会有帮助吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-01-17
    • 2021-09-30
    • 1970-01-01
    • 2015-12-18
    • 2013-02-06
    相关资源
    最近更新 更多