如何在没有HTML的情况下在WordPress中添加动态表
上次我尝试在WordPress博客中添加一个表，结果我放弃了整个内容，而是使用了一个要点列表。
听起来很熟悉吗？
有这么多令人惊叹的WordPress主题可以创建美观的表格。当然，它们一开始看起来不错，但你不能对它们做太多。
想要可筛选的数据？不。
希望桌子能够响应移动？不。
是否要从CSV导入数据？不可能。
好消息是：
使用正确的插件，您可以创建功能强大的动态表。这类东西允许您显示可过滤的数据。
还有各种各样的图表。
听起来不错吧？让我们看看如何使用wpDataTables完成这项工作。
注： 虽然本教程的重点是交互式表，但您可能会发现我们关于使用wpDataTables创建移动响应表的教程很有用。单击此处查看. 本新教程考虑了wpDataTables中最近发布的更新用户界面和额外功能。
这个插件允许您创建漂亮的表格，而无需任何HTML知识
wpDataTables是一个高级WordPress插件，可以轻松地创建表格并将其发布到网站。它轻量级、直观，可以在几分钟内完成工作，使您可以轻松阅读更少的代码，并有更多的时间写博客。
这个插件的一个关键点是不需要任何以前的HTML知识启动并运行它。所有操作都在易于使用的设置页面中完成。要发布它，只需复制和粘贴一个短代码，就可以了。
对于博客作者和企业来说，这是一个好消息，因为它允许您以简洁易懂的方式显示大量数据。
您甚至可以将其用于：
- 产品目录
- 产品对比图
- 价格表
- 从用户收集数据
- 运动成绩
- 跟踪任何涉及数字的进度（例如博客收入报告）
可能性是无限的。
从开始到结束创建表格：分步指南
使用wpDataTables插件在WordPress网站上创建漂亮、清晰且功能齐全的表格非常简单。
以下是如何开始：
步骤1–准备好文件
下面，我为一些随机费用创建了一个Excel文档示例。这包括几个列，如日期、付款方式和成本。
确保以类似的方式显示数据，否则插件将难以定义表中的列。
步骤2–创建新表
导航到WordPress仪表板左侧的wpDataTables。
单击此链接将进入上面的屏幕。您将在此处创建和添加新表：
单击“添加新”按钮后，您将看到此屏幕。在这里，您将开始设置表的参数，以使其功能和外观符合您的要求：
步骤3–定义表格要素
在表格设置页面的前三个部分中，可以执行以下操作：
- 创建标题
- 选择是否要在页面上显示表格标题
- 为表选择一种类型的输入源
这些是您最基本的表格设置。
单击“上载文件”并搜索您的文档。可以创建的表可以根据需要复杂到什么程度。
如您所见，我为我的表指定了相关标题，从下拉框中选择了Excel文件类型，并将文件上载到WordPress。
在页面的下一步，您将看到更多用于自定义表格的设置：
这些是：
- 反应敏捷的–允许您的桌子在台式机、平板电脑和手机上以不同的方式显示
- 可滚动–可以水平滚动表格
- 隐藏表，直到页面完全加载–用于缓慢加载页面
- 高级筛选–用于在每列下方显示过滤器
- 窗体中的筛选器–用于表单本身中的过滤器
- 表格工具–对于复制、保存到Excel和保存到嵌入在表单中的CSV等选项
- 启用排序–这使您能够对表格进行排序
- 限制表格布局–将表格宽度限制为父容器的100%
- 显示长度–定义页面上显示的条目数
通过单击“预览”，您可以查看表格并更改任何必要的设置，以使其符合您的要求。
一旦选择了最适合要显示的表类型的选项，就可以单击“保存”按钮了。
如果您想进一步自定义列，单击“保存”后，您将能够进一步向下滚动页面以获得更多选项。默认设置是自动生成的，但是通过此设置，您可以更改每个列的颜色、列和过滤器类型（例如日期、时间和文本）。
下面，我添加了一些颜色，并将列类型编辑为text、number和string。
步骤4–保存和复制短代码
保存表格后，单击“关闭”，它将引导您返回插件的主页。现在，您应该可以看到您创建的表、表的标题和类型、用于输入帖子或页面的快捷码以及复制选项。
我想在页面中显示此表，因此需要复制快捷码，然后导航到要编辑的页面。
步骤5–向帖子或页面添加快捷码
要将表添加到页面中，只需将短代码粘贴到页面编辑器中即可。在页面上选择要显示表格的位置，粘贴代码并继续制作内容：
步骤6–发布
单击页面上的“发布”按钮后，您的表应该如下所示。正如您所看到的，它清晰、一致、完全对齐，并以一种易于导航的方式保存我的所有数据：
表格顶部的选项允许用户以各种格式导出表格内容。您还可以在站点前端轻松筛选结果。
您还可以创建哪些其他表？
然而，您不仅限于简单的基于CSV的表。WP数据表可以以多种格式显示范围广泛的数据。
下面是一个功能齐全、响应迅速且可编辑的表格示例，其中包含多个列和选项。
此表基于MySQL，带有过滤器，可根据用户需要对内容进行排序：
这个基于PHP数组的表被序列化并包含图像–这增加了一个完全不同的动态和功能，许多电子商务商店会发现这一点特别有用：
您也不仅仅限于CSV文件。WP数据表还允许使用基于Excel的文件，使您能够利用它附带的许多特定功能：
值得一提的其他wpDataTable功能
- wpDataChart向导–允许您通过几个简单的步骤将数据转换为图形或图表。它目前支持3个渲染引擎–Google Charts、Highcharts和Chart。js。在此处查找更多文档。
- 條件化格式–允许您根据内容突出显示单元格、行和列。特别是当表格完全是数字时，它非常有用。在此处查找更多文档。
- 公式列–允许您添加一列，该列可用于根据其他单元格中列出的数字计算数字。在此处查找更多文档。
- Datetime列–用于同时包含日期和时间的单元格。它们将自动以您在“设置”页面上设置的格式显示。在此处查找更多文档。
- 合计/总计行–用于数字列，允许您计算所有值的总和。在此处查找更多文档。
- 报告生成器–是wpDataTables的附加组件。报表生成器立即创建文档和电子表格，用WordPress站点的实际数据填充模板。查找更多文档在这里.
- 主明细表–是wpDataTables的附加组件，您和您的网站访问者只需单击即可查看每一行的详细信息。在此处查找更多文档。
最后的想法
表格是显示数据的好方法。当您添加动态功能（如过滤）时，您可以为您网站的访问者提供更好的服务。
我已经向您介绍了如何通过从Microsoft Excel上传数据（或使用任何其他电子表格工具）在WordPress中创建动态表。但是，还有更多的可能性。
您甚至可以将任何表格转换为图表或图形等。
现在，是时候开始自己的餐桌了——享受吧！
相关阅读：WordPress的5个功能强大的移动响应表插件.
披露：这篇文章是赞助的，但我们的观点是我们自己的。
