jQuery Datatables 对来自 ajax 源的列进行重新排序

Question

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

这是一个Example我现在拥有的。

当前为 LicenseNumber、FirstName、LastName
我希望它是名字、姓氏、许可证号

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

Answer 1

不完全确定我已经理解了这个问题，但这可能有用:

(1) DataTables 有一个 ColReorder 插件。

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

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

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

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

ColReorder provides the ability to specify a column ordering which is not that of the HTML (which typically you will want) through the parameter oColReorder.aiOrder. This is an array of integers with the column ordering you want.

<小时/>

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

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