如何删除排序从数据表选项?(How to remove sorting option from Da

2019-09-01 17:45发布

我使用的DataTable的插件 。 我不想使用排序选项(在ASC或DESC顺序列进行排序),它配备的缺省每个<thead> 我怎样才能删除排序图标?

Answer 1:

非常相似@ ravisolanki07,这只是一种不同的方式来实现这一目标。

var oTable = $('#example').dataTable( {
    "aoColumnDefs": [
        { "bSortable": false, "aTargets": [ 0, 1, 2, 3 ] }, 
        { "bSearchable": false, "aTargets": [ 0, 1, 2, 3 ] }
    ]
}); 


Answer 2:

在新版本中,你必须使用jQuery的数据表的1.10 ordering选项对整个表禁用排序:

$('#example').DataTable({
    "ordering": false
});


Answer 3:

如果您希望禁用默认的排序,但保留列排序,只需使用以下配置:

$(document).ready( function() {
    $('#example').dataTable({
        "aaSorting": []
    });
})


Answer 4:

好了,所以,这里的答案是有点老了。 所以,我想我可以提供电子新的答案:

源文件

截至2018年,实现方式,每场是:

$('#id-of-my-table').DataTable({
    "columnDefs": [
        { "orderable": false, "targets": [0, 4, 5, 6] },
        { "orderable": true, "targets": [1, 2, 3] }
    ]
});

正如你所看到的,目标接受列索引的数组。



Answer 5:

有两件事我能想到的,你可以试试。

首先,尝试“bSort”设置为false。 请注意,这将禁用所有排序左右,所以没有必要禁用它单独列。

$('#jTable').dataTable({ "bSort" : false } );

其次,尽量设置aaSorting清空。 请注意,这将是很好的尝试,如果你仍然要允许一些列(县)可排序。

$('#jTable').dataTable({ "aaSorting" : [[]] });

让我们知道无论你的作品。 希望能帮助到你,

卡希夫Solangi



Answer 6:

使用aoColumns属性,排序的特定列可以容易地控制。 一个例子是波纹管式给出:

$(document).ready(function() {
oTable = jQuery('#DataTables_Table_0').dataTable( {           
            "bDestroy": true,
            "bAutoWidth": true,  
            "bFilter": true,
            "bSort": true, 
            "aaSorting": [[0]],         
            "aoColumns": [
                { "bSortable": false },
                { "bSortable": true },
                { "bSortable": true },
                { "bSortable": true },
                { "bSortable": true },
                { "bSortable": true },
                { "bSortable": false }
            ]   
        } );
 })


Answer 7:

您可以设置例如style="display:none;" 箭头元件。 您可以以编程方式使用JavaScript设置,也可以使用CSS类。 首先,你必须检查使用类似Firebug一些开发者控制台中的HTML代码(箭头元素)。



Answer 8:

您可以通过设置bSortablefalseaocolumn ,如:

$('#example').dataTable({
 "aoColumns": [
                                 { "sType": "html","bSortable": false, "bSearchable": false },
                                 { "sType": "html" },
                                 { "sType": "html", "bSortable": false, "bSearchable": false },
                                 { "sType": "html" },
                                 { "sType": "html","bSortable": false, "bSearchable": false },
                                 { "sType": "html" },
                                 { "sType": "html" },
                                 { "sType": "html" },
                                 { "sType": "date-euro" }
                                 ]

                            });

您也可以从搜索通过集中排除bSearchablefalse



文章来源: How to remove sorting option from DataTables?