如何按DataTables中的隐藏列排序？

Question

当我将DataTables应用于以下内容时：

<td class="years"><?php $years."-years" ?></td>
<td class="..." ...
... other <td> ...

我的表显示如下：

10-years ... ... ...
10-years ... ... ...
5-years  ... ... ...
7-years  ... ... ...
9-years  ... ... ...

由于字母顺序。 我需要10-years才能出现在底部。 为此，我在<td class="years"><?php $years."-years" ?></td>之后立即添加了<td class="hidden"><?php $years ?></td> <td class="years"><?php $years."-years" ?></td>并在数据表初始化中添加"order": [ 1, 'asc' ] ：

$(".table-rates").DataTable( {
   "order": [ 1, 'asc' ]
});

之后，它停止工作并开始在控制台中报告错误：“无法读取未定义的属性'mData'”。

有人可以解释我如何对DataTables中的隐藏列进行排序吗？ 我在网上查找，但解决方案对我不起作用。 更糟糕的是，语法极其混乱且难以遵循。 任何帮助，将不胜感激。 谢谢！

Answer 1

它是不必要的添加其他列，您可以使用datatable的data-attributes ，在html代码中添加data-order ：

<td class="years" data-order="<?php $years ?>"><?php $years."-years" ?></td>

和您的代码JS：

$(document).ready(function() {
    $('#example').DataTable({
        "order": [ 0, 'asc' ]
    });
});

结果： https : //jsfiddle.net/cmedina/7kfmyw6x/69/