WordPress表格插件TablePress:支持排序,分页,搜索和导入导出CSV

WordPress   2017年04月15日 22:01  

Wordpress表格插件TablePress:支持排序,分页,过滤(搜索)和导入导出CSV

关于VPS主机性价比,因为自己平常经常介绍一些VPS主机,所以有不少的朋友会咨询一些VPS主机套餐与性能对比的问题。同时,自己虽然用了不少的VPS主机(写这篇文章时我翻阅了自己曾经用过的VPS主机,发现数量已经达到了二来家了),但是对于VPS主机还仅停留在自我感觉上。

于是,就有了制作VPS主机列表的想法,主要是想把各个国内外VPS主机商的VPS套餐作个比较,通过WordPress表格的形式进行他们进行一个整体梳理。大家如果想要找最便宜的VPS,直接点击价格排序即可,同时通过对比也就立马发现一些相当便宜的VPS主机,或者是性价比高的VPS。

目前,这个VPS列表已经制作完成了,效果还不错。用的是Wordpress优秀的表格插件:。TablePress支持通过 WordPress 管理后台创建和管理表格,当然也可以通过 Excel、CSV、HTML 和 JSON 等文件格式导入或导出,表格支持排序,分页,过滤(搜索)。

TablePress还提供了一些扩展插件,例如Tablepress冻结窗格、表头固定、自适应、公式计算等等。TablePress支持直接自定义CSS,包括表格颜色、字体、长宽等都是可以自己修改的。总之,TablePress非常适合想要在网页中展示表格的朋友。

更多的Wordpress实用插件,还可以看看:

WordPress表格插件TablePress:支持排序,分页,过滤(搜索)和导入导出CSV

一、TablePress安装

1、官方网站:

  • 1、官网:https://tablepress.org/
  • 2、主页:https://cn.wordpress.org/plugins/tablepress/

2、安装了插件后,直接在后台启用,然后在左侧栏中就可以看到TablePress界面了,这里有新建表格、导入与导出表格、设置选项等等。

TablePress安装成功

二、TablePress新建表格

1、进入到TablePress,然后点击新建。

TablePress新建表格

2、输入表格名称、描述等信息,点击保存。

TablePress保存表格

3、接下来,我们就可以在页面中直接像操作Excel表格那样,输入标题、数字等等。

TablePress编辑表格

4、在表格操作里,我们可以选择插入链接、插入图片,直接增加1行,或者是增加1列,也可以隐藏或删除表格中的行和列。在表格选项里选项里面,可以设置表格的标题行,还有是否交替显示背景颜色等等。(点击放大)

TablePress设置选项

5、高级编辑器实际上就是Wordpress自带的编辑器,在这个编辑器里面,我们可以像编辑文章的那样输入文字、代码、图片等等。

TablePress高级编辑器

6、最后在表格特性里,你可以选择是否为游客,提供表格排序功能,搜索功能,分页功能以及水平滚动条等等。

TablePress功能设置

三、TablePress插入使用

1、TablePress创建表格完成后,你就可以进入到Wordpress的文章编辑器里面,当你想要在该文章里面显示表格时,直接点击TablePress插入就行。

TablePress表格插入

2、点击插入后,就可以看到TablePress生成的简代码,将这个简代码插入文章里面就可以了。

TablePress插入简代码

3、然后打开网页就可以看到生成的表格了,效果如下图(点击放大),也可以点此页面:VPS列表

TablePress表格效果

4、TablePress自带搜索功能,直接输入关键字就可以快速搜索出想要的结果来。

TablePress搜索功能

5、TablePress也可以设置分页。

TablePress分布功能

四、TablePress扩展功能

1、TablePress固定表头。你可以使用DataTables FixedHeader插件:https://tablepress.org/extensions/datatables-fixedheader/,安装后效果如下图:

TablePress固定表头

2、TablePress冻结窗格。你需要用到DataTables FixedColumns插件:https://tablepress.org/extensions/datatables-fixedcolumns/,效果如下图:

TablePress冻结

3、TablePress自适应。这个主要是用来对付一些比较宽的表格,插件:https://tablepress.org/extensions/responsive-tables/,安装了插件后如果表格太宽的话,会显示拖动条幅。

TablePress自适应

4、或者显示+号,用户点击按钮后就会显示剩余的数据。

TablePress完整显示数据

5、TablePress让用户下载表格。通过DataTables Buttons用户可以直接下载为CSV、PDF或者打印出来:https://tablepress.org/extensions/datatables-buttons/。

TablePress用户下载

五、TablePress导入导出

1、对于一些数据特别大的表格,你可以将表格下载到本地直接编辑,然后再上传覆盖。

TablePress导出表格

2、通过TablePress导出来的表格中文可能会出现乱码。

TablePress出现乱码

3、TablePress导入表格也很简单,将本地的表格通过TablePress的导入功能导入上传即可完成。

TablePress上传表格

六、TablePress使用问题

1、TablePress自定义CSS的问题。这个可以直接在TablePress的选项中添加CSS代码,CSS代码记得找准TablePress默认生成的ID与Class,有一个快捷方法就是使用Chrome审查元素。

TablePress修改CSS

2、TablePress海量数据维护问题。TablePress完全可能胜任大量数据的维护更新任务,Automatic Periodic Table Import插件可以设置自动更新数据和远程自动导入表格,非常方便。

TablePress自动执行

文章出自:免费资源部落 https://www.freehao123.com/ 版权所有。本站文章除注明出处外,皆为作者原创文章,可自由引用,但请注明来源。

域名注册
购买VPS主机

您或许对下面这些文章有兴趣:                    本月吐槽辛苦排行榜

在这个部落村庄里,已经有11 位神马家族成员冒出泡来在农场开始干活了
  • WhiteJue 1

    前排

    这是农场的第 1 块农田,部落批准 [WhiteJue] 在[2017-4-15 23:08]开垦完成.
  • 伪前排

    这是农场的第 2 块农田,部落批准 [梧小铭] 在[2017-4-16 06:58]开垦完成.
  • won

    插件不错,以前用过。

    这是农场的第 3 块农田,部落批准 [won] 在[2017-4-16 08:57]开垦完成.
  • Yvanhom

    手机上似乎不太兼容,部分展示不了,又拖不过去查看。
    浏览器是Chrome内核的Yandex。

    qi 回复:

    @Yvanhom, 手机这一块确实会有问题,还需要安装一个表格自适应的插件,我没有安装。

    这是农场的第 4 块农田,部落批准 [Yvanhom] 在[2017-4-16 09:22]开垦完成.
  • Kung 23

    路过路过。

    这是农场的第 5 块农田,部落批准 [Kung] 在[2017-4-16 09:43]开垦完成.
  • 这个表格插件确实挺方便的,
    很多统计跟对照的资料需要透过表格显示比较清楚

    qi 回复:

    @李毅哲, 我开始喜欢用表格写文章。哈哈。。。

    这是农场的第 6 块农田,部落批准 [李毅哲] 在[2017-4-16 14:27]开垦完成.
  • hh

    表格不错,国内的用表格写文章得少,国外的比较多。

    这是农场的第 7 块农田,部落批准 [hh] 在[2017-4-17 08:58]开垦完成.
  • 伪前排~

    这是农场的第 8 块农田,部落批准 [不认识] 在[2017-4-18 10:09]开垦完成.
  • 2

    用表格写文章,有什么好处?

    这是农场的第 9 块农田,部落批准 [缘] 在[2017-10-28 16:16]开垦完成.
看贴要回贴有N种理由!看帖不回贴的后果你懂得的!


评论内容 (*必填):
(Ctrl + Enter提交)   

部落快速搜索栏

各类专题梳理

网站导航栏

X
返回顶部