javascript - 数据表使用混合数字和字母对数据进行排序

Question

使用 jsfiddle 更新:https://jsfiddle.net/pnnorhtg/

我有一个数据表，但在初始化“numbers with html”数据表插件时遇到困难 https://datatables.net/plug-ins/sorting/num-html 。

它最初按“Count”DESC 排序。然而，一旦我执行修改 html 并将其附加到该列中每个单元格的函数，它就不再可排序。

根据我的研究，这个插件应该能够解决这个问题，但我没有运气。

这是我的数据:

var preHtmlData = [{
  Brand: "Toyota",
  Count: 33423,
  GBV: 242445
}, {
  Brand: "Ford",
  Count: 23558,
  GBV: 334343
}, {
  Brand: "Honda",
  Count: 9466,
  GBV: 933455
}];

这是我的函数，它会根据键将 html 文本添加到值中:

//adding text next to Count
function updateItemCount(preHtmlData) {
    for(var key in preHtmlData) {
            var value = preHtmlData[key];
            console.log(value)

     if (value.Brand == 'Toyota') {
            value.Count = value.Count + ' <div style="font-size: 10px;margin-top: -5px">Toyota Purchases</div>';
        } else if (value.Brand == 'Ford') {
            value.Count = value.Count + ' <div style="font-size: 10px;margin-top: -5px">Ford Purchases</div>';
        } else if (value.LOB == 'Honda') {
            value.Count = value.Count + ' <div style="font-size: 10px;margin-top: -5px">Honda Purchases</div>';
        }
        }
    }

这就是我初始化表的地方:

 summary_data_table = $('#resultsTable').DataTable({
        "bSort": true,
        "destory": true,
        "data": data,
        "searching": false,
        "paging": false,
        "order": [
            [aryJSONColTable.length - 1, "desc"]
        ],
        "dom": '<"top">t<"bottom"><"clear">',
        "columnDefs": aryJSONColTable,
                [
                 { type: 'natural-nohtml', targets: 5 }
               ]
        "initComplete": function(settings, json) {
            $("#resultsTable").show();
        }
    });

我已经添加了插件并根据文档构建了我的代码，我有一种感觉，它是我定义columnDefs的方式，但我需要它来执行 aryJSONColTable 和自然排序。

Answer 1

更新

从你的 fiddle 中可以看出，你可以通过在传递给columnDefs的自定义属性中放置订单类型(“type”:“natural”)来解决这个问题

customParams = {
  "targets": keys.length - 1,
  "sTitle": "Item Count",
  "type":"natural"
}

请参阅更新的 fiddle 解决方案 https://jsfiddle.net/pnnorhtg/1/