这是我的代码
jQuery.fn.dataTableExt.oSort['num-asc'] = function(a,b) {
var x = a.replace( /<.*?>/g, "" );
var y = b.replace( /<.*?>/g, "" );
x = parseFloat( x );
y = parseFloat( y );
return ((x < y) ? -1 : ((x > y) ? 1 : 0));
};
jQuery.fn.dataTableExt.oSort['num-desc'] = function(a,b) {
var x = a.replace( /<.*?>/g, "" );
var y = b.replace( /<.*?>/g, "" );
x = parseFloat( x );
y = parseFloat( y );
return ((x < y) ? 1 : ((x > y) ? -1 : 0));
};
$(document).ready(function() {
$('#ledger').dataTable({
bAutoWidth: false,
bJQueryUI : true,
bProcessing: true,
bServerSide: false,
sPaginationType: "full_numbers",
bStateSave : false,
bUseRendered: false,
iDisplayLength: ${entriesValue},
sDom: mw.superadmin.datatable.relatedListDom,
aLengthMenu: mw.superadmin.datatable.relatedListLengthMenu,
aaSorting: [[0,'asc']],
aoColumns: [
null,
{ "iDataSort": 2},
{ "bVisible": false, "sType": "num"},
{ "iDataSort": 4, "bSortable": true },
{ "bVisible": false, "sType": "num"}
]
});
这个表在IE,FF,Opera和Safari上100%完全无问题地工作到我的知识但是对于Chrome它不能错误地使用,但仅在我的可排序集的1个特定列上。我无法理解,需要一些帮助。
可以在下面的图片中找到它在Chrome上的操作示例。
就个人而言,我觉得它的原因是它有像(,[})等字符。但就像我说其他浏览器不是问题一样,Chrome是唯一一个给我一个问题的人。
答案 0 :(得分:6)
我遇到了同样的问题,即Chrome中的数据表无法对九个中的一列进行排序。但它在Firefox中完美运行。
要使其在Chrome中运行,我必须明确指定所有列的sType。
在我的情况下,“html”工作正常。
$('#xxx').dataTable({
"bJQueryUI": true,
"bSort": true,
"aoColumns": [
{"sType": "html"},
{"sType": "html"},
{"sType": "html"}
]
});
我想在某种程度上Chrome的列类型自动检测失败了。