Question

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

我有一个数据表，我很难用'html'数据表插件https://datatables.net/plug-ins/sorting/num-html初始化'数字'。

它最初按“计数”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();
        }
    });

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

Answer 1

更新

从您的小提琴中可以看出，您可以通过在您传递给columnDefs的自定义属性中放置订单类型（＆＃34;类型＆＃34;：＃34; natural＆＃34;）来克服此问题

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

请参阅解决方案https://jsfiddle.net/pnnorhtg/1/

的更新小提琴

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

1 个答案: