DataTable：如何使页面加载更快？

Question

我的数据库中大约有20,000行，我使用DataTable加载所有这些数据。

• DataTable首先会加载我的所有数据。
• DataTable可以处理少量数据（例如100或更少），但我的情况是，我的页面花费了大约3分钟的时间才能加载页面。很坏 ！

使用DataTable提高加载速度最有效的方法是什么？

---

更新：

这是我的桌子

<table id="inventory_exact"> ...

这是我的设置

  // Setting to Inventory Table 
  $('#inventory_exact').dataTable({

    "lengthMenu": [ 10 ] ,
    "bLengthChange": false,
    "searchHighlight": true,
    "bInfo" : false

  });

---

更新2： -服务器端

@niyou：我使用PHP Laravel，因此我查询数据并通过执行这些操作显示它们

            @foreach ( Inventory::all() as $inventory)
             <tr>
                <td>{{ $inventory->sku }} </td>
                <td>{{ $inventory->description }} </td>
                <td>${{ $inventory->price }} </td>
                <td>{{ $inventory->stock }} </td>
             </tr>
            @endforeach

Answer 1

当您处理客户端大型数据集（我定义为超过 1000 个）时，您可能希望切换到数据表数据的服务器端数据实现

使用最新的 1.10 语法，它看起来像这样

table = $('#example').DataTable( {
    serverSide: true,
    ajax: {
      url:"index.cfm/observers/json",
      },
  });

其中url返回一个json对象，其中包含draw、totalrecordcount、totalfilteredcount和data

我已经包含了文档的链接

数据表服务器端文档

使用 SSP.class 生成 Github 上数据表所需的 JSON 的 PHP 示例脚本

PHP 脚本为以 spagetti 样式编写的数据表生成 JSON（如果您无法使用 SSP 或需要使用较旧的数据表）