具有大数据的 jQuery 数据表和 Grails答案

【问题标题】：jQuery Datatables & Grails with large data具有大数据的 jQuery 数据表和 Grails
【发布时间】：2015-08-20 08:20:27
【问题描述】：

我正在使用数据表来显示和过滤 grails 应用程序的数据。

目前数据不大，8000 rows。我正在用一个普通的 .gsp 文件和一个

<g:each in dataset>
    <tr>
        <td> ${datainstance.property1} </td>
        <td> ${datainstance.property2} </td>
        <td> ${datainstance.property3} </td>
    </tr>
</g:each>

问题

grails 首先呈现表格：800 行，在数据表启动之前。这意味着用户看到：

1) table getting longer and longer
2) table shrinking and shrinking
3) filters appearing

一旦加载所有内容，过滤就会顺利且快速。

我可以做些什么来减少加载时间和不让用户看到一个表自己建立起来？

【问题讨论】：

数据分页！！！
@LalitAgarwal 我实际上正在使用数据表中的分页。如果我在 grails get([max:params.max, offset:params.offset]) 中分页，则数据表的数据源将仅包含 max-offset 并非全部的元素：/
你可以试试easyGrid plugin，它也支持dataTables。我目前正在使用这个插件，它也支持分页和过滤。

标签： javascript grails datatables

【解决方案1】：

如果您想坚持使用数据表端的所有内容，那么您需要使用 AJAX 调用：

http://www.datatables.net/examples/data_sources/ajax.html

http://www.datatables.net/examples/ajax/

http://datatables.net/reference/option/ajax

$('#example').dataTable( {
  "ajax": {
  "url": "data.json",
  "type": "POST"
 }
} );

它将首先加载您的数据表并显示“正在加载”，直到您的所有数据都填充到数据表中。

希望能解决你的问题

【讨论】：

今天或明天试一试，让您知道，谢谢您的努力。
经过一番苦苦设置后，这出色地解决了我的问题！谢谢你:)