使用各种数据表选项创建美观的表

已发表: 2016-04-12

表格是任何网站的非常常见的内容组件。 但有时它们很难构建。 Supsystic 的数据表生成器是一种无需任何编程技能即可创建令人难忘的数据表的简单方法,只需将短代码放入 WordPress 帖子或页面中即可。 数据表插件具有一系列令人印象深刻的功能,我们相信你们每个人都会发现它们对您的需求很有用。 现在让我们谈谈其中最有价值的。

如果您的表格包含大量数据,那么您肯定会想要使用分页排序甚至搜索来方便您的网站用户。 这将使他们有机会翻转表格的页面,按降序或升序对数据进行排序。 当他们没有太多时间浏览您的所有表格时,他们只需在搜索字段中输入必要的信息并快速找到它。 不是很棒吗? 这些功能可以节省很多时间。 我们知道,在现代世界中,时间就是金钱。

您还可以允许用户保存您的表格,甚至打印它。 只需找到前端导出功能并选择格式(CSV、Excel、PDF、打印)。 您的网站用户将在表格附近看到相应的按钮,并且能够以这些格式下载或打印它。 此外,您可以在 PDF 或印刷品中附加您公司的徽标,这非常有用,因为它代表了您的业务,并且会不由自主地被客户记住。 尝试下载 PDF 或打印下表并检查徽标。

另一个值得一提的选项是导入SCV、XLS、XLSX 和 Google 电子表格等文件。 现在你不需要浪费时间在数据表插件中创建一个表,如果你的计算机上已经有一个准备好的表。 您只需将其导入 WordPress 插件,然后将短代码粘贴到网站上即可。 同样,您可以使用适当的格式(CSV、Excel、PDF)将表格从数据表插件导出到您的计算机。

此外,如果您假设您的网站将从不同的小工具中查看,那么您将对响应模式功能感兴趣。 数据表生成器可以为您提供以下响应模式:标准、自动列隐藏、水平滚动,或者如果您不需要,您可以完全禁用响应性。 如果表格内容不适合,标准响应模式会将列置于彼此下方,每行一个单元格。 自动列隐藏从右到左折叠列。 当表格溢出父容器宽度时,水平滚动会添加滚动条。 如果您禁用响应性,则表格将具有默认布局。 您可以调整网页大小以查看下表中不同的响应模式:

城市 街道 邮政编码 电子邮件 出生日期
埃尔登 罗布 斯宾卡兰 杰登堡 86743 [email protected] 1991 年 1 月 17 日
霍伊特 油菜 斯图尔特维尤 斯图伯群岛 04689 [email protected] 1989 年 8 月 14 日
安妮 科利尔 威尔顿维尤 霍尼克福特斯 76947-8004 [email protected] 1990 年 10 月 30 日

城市 街道 邮政编码 电子邮件 出生日期
长叶莴苣 德内西克 东法兰西郡 奥德尔视图 92164-3876 [email protected] 26.08.1984
达伦 约翰逊 罗汉茅斯 卡洛塔庄园 51692 [email protected] 1995 年 3 月 26 日
布拉德利 豪厄尔 北特伦斯 多丽丝湖 06511-9359 [email protected] 26.02.1993

除上述功能外,数据表插件还允许向所选单元格插入图片链接评论。 在下表中,您可以在“什么”列中看到评论,只需将鼠标悬停在其内容上即可。

照片 什么 WHO 什么时候 在哪里 为什么
攀岩 通常一个人,但有时和朋友一起。 周一、周三和周五下午 4:00 至 5:00 太平洋边缘攀岩馆 攀岩有助于提高心血管耐力、肌肉力量和耐力、柔韧性以及改善或维持骨骼强度
遛我的狗 只有我和我的狗 周六周日,只要我有空 在西崖 步行可提高心血管耐力和骨骼强度
锻炼身体 我自己 周一、周三和周五下午 5:00 至 5:30 在太平洋边缘攀岩馆 锻炼有助于增强肌肉力量和耐力

您也可以设置行的格式。 在处理货币、日期或百分比时,它可能非常有用。 此外,您可以在表格中设置可编辑字段。 当您使用公式时,此功能会有所帮助。 例如,您的业务与翻新有关,您在表格中显示服务价格。 如果您设置可编辑字段,未来的客户可以输入他的房子的面积大小,并为他计算价格。 我们认为这很有帮助,你呢? 在下面的 WordPress 表格(“平方英尺”列)中尝试此选项。

物品 每平方英尺成本 平方英尺 全部的
打磨和整理木地板 2.5 0
安装瓷砖地板 16 0
安装乙烯基瓷砖地板 4 0
安装墙到墙地毯 8 0
小计: 小计: 0

为了可视化您的表格,您可以添加Google Charts 。 Supsystic 的数据表生成器允许快速轻松地创建不同类型的图表。 您可以在带有 Google 图表的数据表中了解更多信息

好消息! 您可以使用 CSS 编辑器为您的表格创建令人难忘的样式。 使用此功能,您可以以不同的方式编辑表格。 即使你对 CSS 和其他编程技能知之甚少,你仍然可以做到,因为它没有那么复杂。 在 CSS 编辑器的帮助下检查下表的阴影和圆角。

姓名 位置 办公室 薪水
佐藤爱理 会计 东京 162,700 美元
当归拉莫斯 首席执行官 (CEO) 伦敦 1,200,000 美元
阿什顿考克斯 初级技术作者 纽约 86,000 美元
布拉德利·格里尔 软件工程师 伦敦 132,000 美元

如您所见,Supsystic 的数据表是创建各种表的完美帮手。 它允许您快速轻松地处理和管理 SEO 友好的数据表。 WordPress 的数据表插件能够构建信息,并且可以根据需要进行调整。 表格的功能和视觉定制有很多方法,可以改善网站设计并让其修改以适应任何不同的个人或任务。
了解有关 Sypsystic 的 WordPress 数据表生成器的更多信息。