JQuery Data Table列カスタムデータ型ソート
970 ワード
JQデータTableを使用する場合、列のデータをカスタムソートできるようにするには、次のようにします.(中国語ソートとパーセンテージソートを例にとります)
1:ソート・タイプの定義:
2:ソートする列を指定します.
1:ソート・タイプの定義:
//
jQuery.fn.dataTableExt.oSort['number-fate-asc'] = function(s1,s2) {
s1 = s1.replace('%','');
s2 = s2.replace('%','');
return s1-s2;
};
jQuery.fn.dataTableExt.oSort['number-fate-desc'] = function(s1,s2) {
s1 = s1.replace('%','');
s2 = s2.replace('%','');
return s2-s1;
};
//
jQuery.fn.dataTableExt.oSort['chinese-string-asc'] = function(s1,s2) {
return s1.localeCompare(s2);
};
jQuery.fn.dataTableExt.oSort['chinese-string-desc'] = function(s1,s2) {
return s2.localeCompare(s1);
};
2:ソートする列を指定します.
$('#flexme1').dataTable({
"aoColumns": [
null,
{ "sType": "chinese-string" },//
null,
{ "sType": "number-fate" },//
null,
null
]
});