jQuery Datatables从ajax源重新排序列

时间:2012-05-18 15:58:15

标签: jquery datatables

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

这是我现在拥有的Example

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

我可以在数据表设置中添加参数吗?

1 个答案:

答案 0 :(得分:5)

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

(1)DataTables有一个ColReorder插件。

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

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

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

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

  

ColReorder提供了指定列排序的功能   而不是HTML(通常你会想要)通过   参数oColReorder.aiOrder。这是一个整数数组   您想要的列排序。


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

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