jquery - 如何为多行级别支持扩展数据表排序功能

Question

我有下一个表结构：

表结构图片

如您所见，此表中有一些级别 (3)。我想按级别对该表进行排序：

1. 对第一级进行排序（PC 和手机）
2. 在第一级内部排序第二级（分辨率）
3. 在第二级内部对第三级（操作系统名称）等进行排序。

我从三个对象（object['0']['data']、object['1']['data'] 和 object['2']['data']）组成这个表。

我之前使用了自己的 js 库，但现在需要切换到数据表。

旧代码是这样的

//Sort Level 1
    table_data.sort( sorter )

    // Sort Level 2
    for (var i in table_data) {

        table_data[i].data.sort( sorter );

        // Sort Level 3
        for (var j in table_data[i].data) {
            table_data[i].data[j].data.sort( sorter );
        }
    }

如何使用数据表插件实现这一点？

Answer 1

您可以使用DataTables 进行分组 - 行分组

以及使用 fnSort() 对组列进行排序，请参阅 JSFiddle 上的示例。

Answer 2

使用 datable 对这些数据进行排序是不正确的，因为它实际上不是一个表格 - 这是一个装饰成表格的树，所以最好使用你自己的 js 库来排序树（或者使用 angularjs 很容易制作）。但是如果你仍然想使用数据表——需要对包含当前数据表数据的aoData对象进行排序。