Question

dtTable = $("table.tablesorter").DataTable({
    bDestroy: true,
    bSort: false,
    bFilter: false,
    bLengthChange: true,
    "aLengthMenu": [
               [5, 15, 25, 50, -1],
               [5, 15, 25, 50, "All"] // change per page values here
    ],
    "iDisplayLength": recordsPerPage,
    "sDom": "t<'row-fluid'<'m-wrap span3 customTableInfo'i><'m-wrap span4'p><'m-wrap span5 customTablePagingStyle'l>>",
    "sPaginationType": "bootstrap",
    "oLanguage": {
        "sEmptyTable": "There are no records to display based on your filters.",
        "sLengthMenu": "_MENU_ records per page",
        "oPaginate": {
            "sPrevious": "Prev",
            "sNext": "Next"
        }

    },
});

我有这个代码在我的项目中的每个$("table.tablesorter")上应用DataTable。

现在我的客户想要打开排序。另外，他希望显示新行，而不是很少。在转向bSort: true之后有什么方法我可以将类添加到仅为该列排序的列中吗？

编辑：您可以使用

上的无排序类来禁用

并使用此初始化代码：

// Disable sorting on the no-sort class
"aoColumnDefs" : [ {
    "bSortable" : false,
    "aTargets" : [ "no-sort" ]
} ]

我现在有一个新问题。当我应用排序时，排序的<th>的css背景丢失，而非排序的保持相同。我想保留已排序列的格式化。添加以下选项不起作用。

bSortClasses: false,

编辑2：

我找到了

table.table thead .sorting {
background: url('images/sort_both.png') no-repeat center right;
}

重写我在这里定义的背景颜色。

table-advance thead tr th {
background-color: #DDD;
font-size: 14px;
font-weight: bold;
color: #666;
}

Answer 1

我遇到了同样的问题，并且由此解决了。

您可以尝试使用

"orderClasses": false,

Jquery数据表禁用特定行的排序

1 个答案: