如何在使用JQuery UI可排序功能时阻止一列可排序

Question

我的JSP页面中有一个表，它的开头是这样的

<table class="table table-bordered table-striped table-highlight" id="tab_logic"></table>

我通过AJAX调用以这种方式向表中添加行

function loadData(data){
    var htm = "<tr><th style='width: 20%'>Index Order</th><th style='width: 20%'>Category Name</th><th style='width: 20%'>Category Key</th><th style='width: 20%'>Category Id</th></tr>";
    for(var i = 0; i < data.length; i++)
    {
        htm += "<tr><td>" + data[i].indexOrder + "</td><td>" + data[i].name + "</td><td>" + data[i].catKey + "</td><td>" + data[i].id + "</td></tr>";           
    }
    $("#tab_logic").html(htm);
}

现在，为了使表可排序，我使用jQuery UI插件，并使用这些行

$("#tab_logic").sortable({
    items: "tr:not(th)",
    helper: "clone",
    update: function() {
        // alert("success");
    }
}).disableSelection();
$("#submit").click(function(){
    process();
});

现在我想将除第一列外的所有其他列都设置为可排序的。我怎样才能做到这一点呢?

Answer 1

我通常使用jQuery数据表来填充数据，它提供了丰富的函数集。

我们可以在dataTable实例化时配置排序列及其各自的排序方向。检查它是否可以在你的上下文中使用

https://datatables.net/examples/basic_init/table_sorting.html

Answer 2

您可以使用items选项来指定哪些项应该排序。

之类的

items: 'tbody tr:not(:first-child)`

或者如果您可以向可排序的行添加enabled之类的类，只需

items: 'tr.enabled'`