Упорядочение столбцов в JQuery DataTable - когда данные передаются через Javascript - PullRequest
0 голосов
/ 03 декабря 2018

На форуме есть несколько вопросов, похожих на то, что я пытаюсь сделать, но я не смог заставить его работать.

Мы загружаем данные в DataTable через javascript.Я хотел бы установить порядок данных, используя другой столбец.

Однако, когда я пытаюсь, столбец интерпретируется как строка, а не как целое число.

Вот чтоделает таблицу:

var securityTable =  $('#security-table').DataTable({
  "data": securitydata.guards,
  "columns": [
     {
       "className": 'details-control',
       "data": null,
       "orderable": false,
       //creates square for details row
       "render": function (d) {
               return '<i class="fa fa-plus-square" aria-hidden="true"></span>';
       },
       "defaultContent": ''
     },
     // is sorting by "sort" but is seeing numbers as alphebetical not numeric
     { "data": {
            _:    "date.display",
            sort: "date.date_order"
        } },
     { "data": "place" },
     { "data": {
            _:    "shot.display",
            sort: "shot.shot_order"
        } },
  ],
  "paging": false,
  "searching": false
});

Вот как выглядят данные:

var securitydata = {
"guards": [
{
"date": {
"display": "April 15, 2011",
"date_order": 1
},
"reported": "Yes",
"place": "Chicago, auto parts yard",
"shot": {
"display": "No one hit",
"shot_order": 24
},
"blurb": "A 52-year-old guard at an auto parts lot shot at a vehicle he said was coming toward him. The man inside the vehicle, accused of stealing equipment from the lot, drove away and was not reported injured.",
"link": ""
},

Это то, что мы использовали для помощи

1 Ответ

0 голосов
/ 03 декабря 2018

Используя тот же пример, но с сортировкой

$(document).ready(function() {
    $('#example').DataTable( {
        order: [[ 2, "desc" ]],
        ajax: "data/orthogonal.txt",
        columns: [
            { data: "name" },
            { data: "position" },
            { data: "office" },
            { data: "extn" },
            { data: {
                _:    "start_date.display",
                sort: "start_date.timestamp"
            } },
            { data: "salary" }
        ]
    } );
} );

Ссылка на заказ здесь

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...