分享WP资源
是件美好的事情

介绍WordPress强大的免费表格插件TablePress

腾讯云限时秒杀活动

TablePress 使您能够简便地创建和管理漂亮的表格。您可以使用短代码将表格显示在文章、页面或者小工具中。表格可以通过常用的电子表格软件编辑,所以不需要编程。表格中可以包含各种类型的数据,甚至支持公式计算。TablePress 使用额外的 JavaScript 库来为网站访客提供诸如排序、分页、过滤等其它功能。表格可以通过 Excel、CSV、HTML 和 JSON 等文件格式导入或导出。

TablePress 下载安装

直接在后台插件安装页面搜索 TablePress 在线安装,或者通过下文的地址下载。

插件主页 | WordPress发布页 |  中文帮助(水景一页)

1. 调整行宽,列宽以及背景:

WordPress 后台 ——> TablePress ——> 插件选项 页面,将“前端选项”下的“自定义 CSS”后面“加载这些‘自定义 CSS’ 指令以影响表格的样式”这句话前面的框勾选上。此时下面的文本编辑区域变为可写入状态。

其中:行:row:px,列:column:px,背景色:backgroud:#ea0000, 字体色:color: wihith, 留白:padding:px。   以下用列做举例

特定表格的某行:

指定 ID 为 2 的表格(表格 ID 可在 TablePress 管理页面的“所有表格”列表里查到,列表的第一列显示的就是表格内部序号 ID)的第 1 行和第 2 行的高度都为 20px。自定义 CSS 样式为,

.tablepress-id-2 .row-1,.tablepress-id-2 .row-2 {  height: 20px;}

特定表格的所有行:

指定 ID 为 2 的表格的所有行的高度都为 20px。自定义 CSS 样式为,

.tablepress-id-2 tr {  height: 20px;}

全站范围内所有 TABLEPRESS 表格的标题行:

这个只对设置了第一行为标题行的表格有效。设置首行的高度都为 20px。自定义 CSS 样式为,

.tablepress .row-1 th {  height: 20px;}

全站范围内所有 TABLEPRESS 表格的所有行,设置所有行的高度都为 20px。自定义 CSS 样式为,

.tablepress tr {  height: 20px;}

注意:很多情况下不需要直接设定列的宽度!可以减小 padding(单元格中的文本与单元格边框之间的空白)来达到目的。使用下面的自定义 CSS 样式:

.tablepress-id-N .column-2 { padding: 4px;}

当然具体的数值(这里是 4 个像素)需要根据情况调整。

 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

未经允许不得转载:莲花不妖 » 介绍WordPress强大的免费表格插件TablePress
分享到: 生成海报

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录