延迟渲染功能

使用大型数据源时,通常最重要的是性能。因此,DataTables 仅在页面上绘制数据时创建表格 trtd 单元格。此功能称为延迟渲染,DataTables 2 起自动启用该功能。

禁用该功能的情况很少见,但如果确实需要禁用它(例如,需要确保所有节点均可用于表提交或类似用途),则此选项可设置为 false,如下例所示。

您不会注意到标准 DataTables 数据集有任何性能差异,但对于数万条记录,该功能可以创造明显的差异,我们建议保持该功能处于启用状态。

姓名 职位 办公室 分机号。 入职日期 薪资
姓名 职位 办公室 分机号。 入职日期 薪资
  • Javascript
  • HTML
  • CSS
  • Ajax
  • 服务器端脚本
  • 备注

以下显示的 JavaScript 用于初始化此示例中显示的表格

$('#example').DataTable({ ajax: 'data/arrays.txt', deferRender: false });
new DataTable('#example', { ajax: 'data/arrays.txt', deferRender: false });

除了以上代码外,还加载以下 Javascript 库文件以便在此示例中使用

    以下显示的 HTML 是原始 HTML 表元素,在 DataTables 增强它之前

    此示例使用了一小部分超出库文件加载内容的附加 CSS(如下所示),以便正确显示表格。使用的是以下附加 HTML

    在此示例中加载以下 CSS 库文件以便用来设置表格样式

      此表格通过 Ajax 加载数据。已加载的最新数据如下所示。只要加载任何其他数据,该数据就会自动更新。

      以下显示用于为该表格执行服务器端处理的脚本。请注意,这只是一个使用 PHP 的示例脚本。服务器端处理脚本可以用任何语言编写,同时使用 DataTables 文档中描述的协议

      其他示例