jquery - jQuery Datatables 重新排序来自 ajax 源的列

Question

我正在使用 jQuery 插件Datatables，是否可以在不更改源数据的情况下更改列的顺序？

这是我现在拥有的示例。

目前它是 LicenseNumber、FirstName、LastName
我希望它是 FirstName、LastName、LicenseNumber

是否有可以添加到数据表设置的参数？

Answer 1

不完全确定我是否理解了这个问题，但这可能有用：

(1) DataTables 有一个 ColReorder 插件。

http://datatables.net/extensions/colreorder/

在上面的链接中，您可以用鼠标选择一列，然后将该列拖动到表格中的不同位置。

在使用 ColReorder 插件的另一个示例中，您可以预定义列顺序，如数据表网站上所述：

http://datatables.net/release-datatables/extensions/ColReorder/examples/predefined.html

ColReorder 提供了通过参数 oColReorder.aiOrder 指定与 HTML 不同的列排序的能力（通常是您想要的）。这是一个整数数组，具有您想要的列顺序。

---

(2)如果您的数据是对象数组，我相信您也可以使用aoColumnDefs和mDataProp 。（另见http://datatables.net/usage/columns）

...
"aoColumnDefs": [
    { "mDataProp": "FirstName", "aTargets": [ 0 ] },
    { "mDataProp": "LastName", "aTargets": [ 1 ] },
    { "mDataProp": "LicenseNumber", "aTargets": [ 2 ] }
],
...