0

我正在使用 DataTables 插件对基本的 html 表进行排序。表中的一列在每一行包含一个选择框，其中包含与应用程序相关的状态。

目前，我只是使用基本代码来初始化 DataTable：

$(document).ready(function () {
    $('.tacticInstancesTable').dataTable({
        "aaSorting": [[4, "desc"]]
    });
});

是否可以修改此代码，以便我可以按组合框中选择的值进行排序？解决方案很难找到，因为大多数搜索结果都提供了有关如何使用组合框进行排序的答案——而我想自己对组合框进行排序。

要排序的列的屏幕截图

4

1 回答 1

1

DataTables.Net 是一个广泛的插件，涵盖了您需要的大部分资源。你需要使用dom-select

{ "sSortDataType": "dom-select" }

需要完整的 HTML 和表格结构才能获得正确答案，但这是您为想要的内容实现排序功能的方式（使用sSortDataType: "dom-select"）：

$(document).ready(function() {
    $('#example').dataTable( {
        "aoColumns": [
            null,
            null,
            { "sSortDataType": "dom-text" },
            { "sSortDataType": "dom-text", "sType": "numeric" },
            { "sSortDataType": "dom-select" },
            { "sSortDataType": "dom-checkbox" }
        ]
    } );
} );

这是你的答案：http ://datatables.net/examples/plug-ins/dom_sort.html

更新

JS 小提琴示例：http: //jsfiddle.net/ZdP84/4/

于 2013-07-05T18:23:07.070 回答