2
1つのページに2つのインラインテーブルがあり、1つのデータテーブルではソートが行われますが、他のデータテーブルでは処理されません。jQueryデータ型で並べ替えが機能しない
$('#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());
}
}
});
注文を追加しようとしました:本当ですが、運がない、何か不足しましたか?
それは働いていますか?最初の1つまたは2つ目? – tfidelis
最後に2番目のdatatableを呼び出すため、2番目のソートが機能しています。 – user3932103
@tfidelis解決策を見つけましたか? – user3932103