Question

我正在使用DataTables v1.10。当列中显示的值不是数字时，我想通过数值对列进行排序。

我知道我需要使用orthogonal data来执行此操作，described here。

但是，我的排序功能不起作用。这是我的代码：

var myData = [{
    'country': 'France',
        'all_games': 7,
        'won_games': 4
}, {
    'country': 'England',
        'all_games': 13,
        'won_games': 13
}, {
    'country': 'Germany',
        'all_games': 2,
        'won_games': 0
}];
var columns = [{
    "data": "country",
        "title": "Country"
}, {
    "data": "outcomes_str",
        "title": 'Games won',
        "render": {
        "_": "display",
            "sort": "sort"
    }
}];
$.each(myData, function (i, d) {
    d.outcomes_str = {};
    d.outcomes_str.sort = (d.all_games > 0) ? (d.won_games / d.all_games) * 100 : 0;
    d.outcomes_str.display = d.won_games + '/' + d.all_games + ' (' + Math.round(d.outcomes_str.sort * 10) / 10 + '%)';
    console.log(d.outcomes_str);
});
drawTable(myData, 'localTable');

function drawTable(data, tableId) {
    var html = '<table class="table table-bordered table-hover ';
    html += '" cellspacing="0" width="100%" id="myTable"></table>';
    $('#table').append(html);
    $("#myTable").DataTable({
        data: data,
        columns: columns,
        paging: false
    });
}
});

JSFiddle：http://jsfiddle.net/07nk5wob/33/

我做错了什么？

Answer 1

请参阅my corrected answer。

基本上，您需要使用type: "num"明确说明数据数据的列数据类型，否则它可能默认为按字母顺序排序。

{
    "data": "outcomes_str",
    "title": 'Games won',
    "type": "num",
    "render": {
        "_": "display",
        "sort": "sort"
    }
}

请参阅updated jsFiddle以获取代码和演示。

如何使用正交数据在DataTables中进行排序？

1 个答案: