我使用的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:
您可以通过设置bSortable
以false
的aocolumn
,如:
$('#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" }
]
});
您也可以从搜索通过集中排除bSearchable
到false
文章来源: How to remove sorting option from DataTables?