数据表 1.10 按数据数组排序

Question

我有一个从 ajax 源获取数据的数据表，它目前按第 4 列降序排列。但是我有一个数据数组，我想对不作为列存在的表进行排序。

oTable = $('#Table').DataTable({
                    "scrollX": true,
                    stateSave: false,
                    "processing": true,
                    "serverSide": false,
                    "ajax": "scripts/SSP_enquiry.php",
                    select: true,
                    colReorder: true,
                    "columnDefs": [
                        {
                            "visible": false,
                            "searchable": false,
                            "targets": [9, 11, 12, 13, 14, 15, 16, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27]
                        },

                        {className: "word", "targets": [1]}


                    ],


                    order: [4, 'desc'],
                    dom: '<"top">lrt<"bottom"pB><"clear">',
                    responsive: false,
                    buttons: [
                        'excel'
                    ]


                });

我的函数使用 Moment.JS 在表中的日期（存在于第 4 列）和今天的日期之间进行比较。然后它将天数差异推送到一个名为 dArray 的数组中。

我的数组对每个值都有一个索引，该索引应该与表中的行相关。

所以我要做的是使用索引和值根据dArray中的值对当前表进行排序

 function dateGet() {

                var idx = oTable
                    .columns( 4 )
                    .data()
                    .eq( 0 );// Reduce the 2D array into a 1D array of data
                //console.log(idx);

                var dArray = [];
                var today = moment();

                $.each(idx, function(index,value) {
                    var tempDate = moment(value);
                    var deadlineDiff = tempDate.diff(today, 'days');
                    dArray.push(index,deadlineDiff);
                    console.log(dArray);
                })
            }

dArray 的示例

[0, 6]
[1, 0]
[2, -0]
[3, -0]
[4, -1]
[5, -6]
[6, -7]
[7, -7]
[8, -11]
[9, -12]
[10, -12]
[11, -12]
[12, -13]

更新

我添加了一个值默认为 0 的新列，因此我现在需要根据截止日期差异值数组分配值。他们需要匹配相应行的ID。

result[j][0] 会给我数组中的 ID result[j][1] 会给我数组中的差值

function dateGet() {

            var dArray = [];
            var today = moment();
            var ID = oTable
                .columns(0)
                .data()
                .eq(0);
            var dDate = oTable
                .columns(4)
                .data()
                .eq(0);// Reduce the 2D array into a 1D array of data


            $.each(dDate, function (index, value) {

                var tempDate = moment(value);
                var deadlineDiff = Math.abs(tempDate.diff(today, 'days'));
                dArray.push(deadlineDiff);

            });

            var result = $.map(ID, function (el, idx) {
                return [[el, dArray[idx]]];
            });

            oTable.rows().every(function (rowIdx, tableLoop, rowLoop) {
                var data = this.data();

                for (var j = 0; j < result.length; j++) {

                    if (data[0] == result[j][0]) {
//in here the ID in the table and the ID in the array
// match, I need to iterate through rows and assign the value
//in the array to column 28's cell
                    }


                }


            });
        }

Answer 1

这样的事情应该可以满足您的需求（假设您希望差异发挥作用，而不管消极或积极：

$(function() {
    var example = $("#example").DataTable({
        columns: [{
            "title": "Released Date",
            "type": "int-diff",
            "render": function(d){
                var diff = Math.abs(moment().diff(moment(d, "DD/MM/YYYY"), 'days'));
                return $("<span></span>",{
                    "text": d + " (" + diff + ")",
                    "data-diff": diff
                }).prop("outerHTML");
            }
        }]
    });
});

jQuery.extend(jQuery.fn.dataTableExt.oSort, {
    "int-diff-pre": function(a) {
        return ~~$(a).data("diff");
    },
    "int-diff-asc": function(a, b) {
        return ((a < b) ? -1 : ((a > b) ? 1 : 0));
    },
    "int-diff-desc": function(a, b) {
        return ((a < b) ? 1 : ((a > b) ? -1 : 0));
    }
});

给定这样的表格：

<table id="example">
    <thead>
        <tr>
            <th>Date</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>01/04/2016</td>
        </tr>
        <tr>
            <td>02/04/2016</td>
        </tr>
        <tr>
            <td>03/04/2016</td>
        </tr>
        <tr>
            <td>04/04/2016</td>
        </tr>
        <tr>
            <td>05/04/2016</td>
        </tr>
        <tr>
            <td>06/04/2016</td>
        </tr>
        <tr>
            <td>07/04/2016</td>
        </tr>
        <tr>
            <td>08/04/2016</td>
        </tr>
        <tr>
            <td>09/04/2016</td>
        </tr>
        <tr>
            <td>10/04/2016</td>
        </tr>
        <tr>
            <td>11/04/2016</td>
        </tr>
        <tr>
            <td>12/04/2016</td>
        </tr>
        <tr>
            <td>13/04/2016</td>
        </tr>
        <tr>
            <td>14/04/2016</td>
        </tr>
    </tbody>
</table>

工作JSFiddle。基本上，我们所做的是将今天的日期与单元格中的日期之间的差异作为跨度中的正整数作为数据属性，日期为跨度的内容。然后我们使用该数据属性来排序而不是跨度的内容。

希望对您有所帮助。