为了让插件将这个表格转换为动态表格，如截图所示，您所要做的就是引用组件的 JS 和 CSS 文件，然后将以下行添加到 Ready 事件中：
创建您自己的设计
所有元素均使用 CSS 设计样式。因此，用自己的设计覆盖现有样式相对容易，而无需调整源代码。 DataTables插件还支持Bootstrap，可以通过这种方式轻松定制。
表格显示的另一种选择
尽管示例中使用了 HTML 表，但这并不是为表提供数据的唯一方法。数据还可以通过 AJAX 动态重新加载：
作为 HTML 表格和 AJAX 的替代方案，还可以选择将数据定义为 JavaScript 数组。在初始化期间传递包含数组的变量并配置列属性：
激活和停用功能
开头提到的功能如果不需要也可以停用。例如，您可以停用排序、分页和信息区域，以便此处仅显示搜索，如上例所示：
也可以使用“搜索”选项禁用搜索功能。
列的配置
如果激活排序，您可以指定最初用于排序的列以及 记者电子邮件列表 应按何种顺序（即升序或降序）排序。以下代码示例按升序对示例表的第三列进行排序：
然而，多重排序也是可能的。用户可以使用 Shift 键和单击鼠标来选择几列进行排序。该功能也可以通过配置参数停用。为此，“orderMulti”必须设置为“false”。排序可以在 DataTable 初始化时定义：
此示例配置导致按名称排序也按名字排序。可以使用“columnDefs”参数配置一些附加选项，我想通过以下示例进行说明：
目标：必填项，因为它指定配置适用于哪些列。
可见：可以使该列不可见。
可搜索：搜索时考虑该列。
orderable：指示该列是否可排序。
width：定义列的固定宽度。
title：如果不想从表中获取列标题，可以在此处定义新标题。
className：这为列定义了一个自定义 CSS 类
组件的表示
有一个用于显示数据表的“dom”参数，它可用于确定各个控件的排列方式以及是否应显示它们。还可以定义包括 ID 和 CSS 类在内的 DIV 元素。下面的示例对此进行了说明，其中 id 为“Container”且 CSS 类为“Example”的 DIV 元素被定义为“dom”参数的一部分：
有点神秘的字符串“lfrtip”定义了元素的顺序，其详细含义如下：
l是表的长度（length）。
f 是滤波器。
r 是进度（过程）。
t 是桌子。
i 是有关表的信息。
p 是分页。
结论
当然，DataTables 插件提供了许多其他配置和扩展选项。通过本文，您应该已经深入了解了该组件的可能性。更详细的信息和详细文档可以在官方网站上找到，在这里您还可以找到DataTable插件的插件信息。
您是否已经获得了 DataTables jQuery 插件的积极体验，或者您对此还有其他疑问吗？我期待您的评论。