繁体   English   中英

JQuery DataTable中的排序列-当数据通过Javascript馈送时

[英]Ordering columns in JQuery DataTable — when data is fed through Javascript

有一些论坛问题与我尝试做的事情类似,但是我无法使其正常工作。

我们正在通过JavaScript将数据提取到DataTable中。 我想使用其他列设置数据顺序。

但是,当我尝试将列解释为字符串而不是整数时。

这是构成表格的原因:

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": ""
},

这就是我们一直在寻求帮助的东西

使用相同的示例,但进行排序

$(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" }
        ]
    } );
} );

链接到这里订购

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM