我在一页中有两个内联表,排序在一个数据表上进行,但不在另一数据表上,一次调用两个div,但排序仅在一个数据表上进行。
$('#div1').DataTable(
{
"processing" : true,
"destroy" : true,
"paginate" : true,
"lengthChange" : true,
"filter" : true,
"ordering" : true,
"order" : [
[ 1, "asc" ]
],
"info" : false,
"reloadDT" : false,
"autoWidth" : false,
"scrollY" : 340,
"language" : {
"search" : "Search: ",
"processing" : "<span class='loadingImg'></span>"
},
"oCustomization" : {
"bFilterHidden" : false,
"bApplyShortenPlugin" : false,
"bInlineWithHeader" : false,
bEnablePaginationControl : false
},
"lengthMenu" : 8,
ajax : $.fn.dataTable.pipelineAdv({
method : "GET",
url : "someurl=" + param,
cache : false,
pages : Global.pageSize,
}),
sAjaxDataProp : "serverResponse.result",
"sCountSelector" : "span.count",
"dom" : "lCrtip",
columns : [
{
"data" : null,
"orderable" : false,
searchable : false,
"width" : aColumnWidth[0],
"title" : "Some title",
"className" : "center",
targets : [ 0 ]
},
{
"data" : "data1",
"width" : aColumnWidth[1],
'title' : jQuery.i18n
.prop("vehicle.col1label"),
"className" : "no-word-break",
"orderable" : true
},
{
"data" : "data2",
"width" : aColumnWidth[2],
"className" : "no-word-break",
"title" : "Service Type",
},
{
"data" : "data3",
"width" : aColumnWidth[3],
"className" : "no-word-break",
"title" : jQuery.i18n
.prop("elevated.dashboard.upcoming"),
} ],
"initComplete" : function(oSettings, json) {
//some code here
},
"drawCallback" : function(oSettings) {
if (oSettings.jqXHR) {
$(oSettings.oInit.sCountSelector).text(
oSettings.fnRecordsDisplay());
}
}
});
$('#div2').DataTable(
{
"processing" : true,
"destroy" : true,
"paginate" : true,
"lengthChange" : true,
"filter" : true,
"ordering" : true,
"order" : [
[ 1, "asc" ]
],
"info" : false,
"reloadDT" : false,
"autoWidth" : false,
"scrollY" : 341,
"language" : {
"search" : "Search: ",
"processing" : "<span class='loadingImg'></span>"
},
"oCustomization" : {
"bFilterHidden" : false,
"bApplyShortenPlugin" : false,
"bInlineWithHeader" : false,
bEnablePaginationControl : false
},
"lengthMenu" : Global.aAdminLengthOption,
ajax : $.fn.dataTable.pipelineAdv({
method : "GET",
url : "someurl=" + param,
cache : false,
pages : Global.pageSize,
}),
sAjaxDataProp : "serverResponse.result",
"sCountSelector" : "span.Count",
"dom" : "lCrtip",
columns : [
{
"data" : null,
"orderable" : false,
searchable : false,
"width" : aColumnWidth[0],
"title" : "Some title",
"className" : "center",
targets : [ 0 ]
},
{
"data" : "data1",
"width" : aColumnWidth[1],
'title' : jQuery.i18n
.prop("vehicle.col1label"),
"className" : "no-word-break",
"orderable" : true
},
{
"data" : "data2",
"width" : aColumnWidth[2],
"className" : "no-word-break",
"title" : "Service Type",
},
{
"data" : "data3",
"width" : aColumnWidth[3],
"className" : "no-word-break",
"title" : jQuery.i18n
.prop("elevated.dashboard.upcoming"),
}
],
"initComplete" : function(oSettings, json) {
//some code here
},
"drawCallback" : function(oSettings) {
if (oSettings.jqXHR) {
$(oSettings.oInit.sCountSelector).text(
oSettings.fnRecordsDisplay());
}
}
});
还尝试添加orderable:是的,但是没有运气,我错过了什么吗?
最佳答案
这应该为您提供所需的东西
$(document).ready(function() {
$("#div2").dataTable({
aaSorting: [[2, 'asc']],
bPaginate: false,
bFilter: false,
bInfo: false,
bSortable: true,
bRetrieve: true,
aoColumnDefs: [
{ "aTargets": [ 0 ], "bSortable": true },
{ "aTargets": [ 1 ], "bSortable": true },
{ "aTargets": [ 2 ], "bSortable": true },
{ "aTargets": [ 3 ], "bSortable": false }
]
}); });
关键是aaSorting选项。
你可以在这里找到它http://datatables.net/ref