Изменение порядка столбцов в DataTable отображает данные в неправильные столбцы

Question

Я сделал следующий 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 ]
        },
    } );
} );

Answer 1

Будьте осторожны при использовании

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

Порядок будет DATE-ID-SALARY-COUNTRY-POSITION-NAME 3 представляет "3" в этом JSON объекте и так далее и так далее

 {
      "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" }
        ]