更改 jQuery Datatables 的 aoColumns

Question

我目前在jquery-ui选项卡中使用了3个datatables。我希望将它们全部保留在后台，并且真的只使用3个表格。数据通过对象数组的方式通过ajax传递（也被其他展示器以该格式使用）。

然而，由于表格数量和类型可能会发生变化，因此应该易于维护。

现在的问题是如何优雅地使用相同的构造器。 我能否仅将aoColumns设置为参数，而不必在运行时重新设置？

现在，代码看起来像这样：

tables=$(".dat").dataTable({
    "bJQueryUI": true,
    "bDeferRender": true,
    "bPaginate": false,
    "bProcessing": true,
    "sAjaxSource": "ajaxdataA.json",
    "ssAjaxDataProp" : "data",
     "aoColumns": [{"mData": "col1"}, {"mData": "col2"},{"mData": "col3"}]

});

我想将其设置为数组，然后针对每个表格使用特定的sAjaxSource和aoDataColumns。 当然，也可以通过存储参数对象并扩展它或使用工厂闭包来实现。 我还考虑使用AngularJS代替。 有没有更优美的解决方案？

- h0ru5

Answer 1

我认为你可以使用 aoColumnDef 来代替使用 aoColumns。 aoColumnDef 甚至可以读取列中的某些CSS类，以更加动态的方式配置 DataTables。

请查看其文档：http://www.datatables.net/usage/columns。

- Romias