jQuery Datatable排序错误/错误Chrome特定需要解决

时间:2012-04-19 23:22:54

标签: jquery sorting datatable

这是我的代码

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上的操作示例。 enter image description here

就个人而言,我觉得它的原因是它有像(,[})等字符。但就像我说其他浏览器不是问题一样,Chrome是唯一一个给我一个问题的人。

1 个答案:

答案 0 :(得分:6)

我遇到了同样的问题,即Chrome中的数据表无法对九个中的一列进行排序。但它在Firefox中完美运行。

要使其在Chrome中运行,我必须明确指定所有列的sType

在我的情况下,“html”工作正常。

$('#xxx').dataTable({
    "bJQueryUI": true,
    "bSort": true,
    "aoColumns": [
        {"sType": "html"},
        {"sType": "html"},
        {"sType": "html"}
     ]
}); 

我想在某种程度上Chrome的列类型自动检测失败了。