4

我在 jquery-ui 选项卡中使用 uptil now 3 个数据表。我更喜欢把它们都放在后台，真正使用 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。

有人有更优雅的解决方案吗？

4

1 回答 1

4

我认为你可以使用aoColumnDef而不是使用aoColumns.

aoColumnDef甚至可以读取列中的一些 css 类，以更动态的方式配置 DataTables。

看看它的文档：http ://www.datatables.net/usage/columns

于 2012-12-29T03:33:56.957 回答