时间戳

首页 > 解决方案 > DataTable Column Reorder 将数据映射到错误的列中

javascript - DataTable Column Reorder 将数据映射到错误的列中

问题描述

我制作了以下 JSBIn，您可以在其中看到代码。由于 CORS 政策，我使用的 ajax url 不起作用，但它会生成以下输出，您可以在其中看到数据映射到错误的列中。请让我知道使用我使用过的相同数据对象列名称如何解决此问题？

数据

https://jsbin.com/ciheragayi/1/edit?html,css,js,输出

$(document).ready(function() {
    $('#example').DataTable( {
        "ajax": "https://a.uguu.se/8MdQchH6NKHJ_CYF.txt",
      "processing": true,

        "serverSide": true,
        colReorder: true,

        "columns": [
            { "data": "0" },
            { "data": "1" },
            { "data": "2" },
            { "data": "3" },
            { "data": "4" },
            { "data": "5" }
        ],
      colReorder: {
            order: [ 3,5,2,4,1,0 ]
        },
    } );
} );

标签： javascripthtmljquerydatatables

解决方案

使用时要小心

colReorder: {
    order: [ 3,5,2,4,1,0]
}

顺序为 DATE-ID-SALARY-COUNTRY-POSITION-NAME 3 表示此 JSON 对象中的“3”，依此类推

 {
      "0": "Tiger Nixon",
      "1": "System Architect",
      "2": "$320,800",
      "3": "2011/04/25",
      "4": "Edinburgh",
      "5": "5421"
    }

要么调整标题，要么调整 colReorder 或列，使用此配置进行列调整

        "columns": [
            { "data": "0" },
            { "data": "1" },
            { "data": "4" },
            { "data": "5" },
            { "data": "3" },
            { "data": "2" }
        ]

推荐阅读