TablePress CCS 合集

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 个像素）需要根据情况调整。

此外引用http://ask.imiker.com/question/483 帖子，再次感谢aklfjda同学给出的以下解释：

• .tablepress-id-N th, /* 用于标题栏 /.tablepress-id-N td { / 用于表格 ID 为 N 的所有表格中的所有单元格 /text-align: center; / 水平居中 /vertical-align: middle; / 垂直居中 /}这里 N 应该用要设定的表格的 ID 替换。其中，.tablepress-id-N th, 那一行是为了将表格的标题行也居中显示。如果不需要就删除这一行。vertical-align: middle; 是为了垂直居中，当表格单元格高度比较大的时候，文字到上、下边界的距离差不多。如果不需要可以删除这一行。如果要对网站中所有用 TablePress 插入的表格应用此设定，可以用 .tablepress 替换上面样式规则中前面的 .tablepress-id-N。按照上面的设置，会将一个表格（或者网站中所有 TablePress 表格，看你用的是上面哪一种了）中的所有单元格内部内容都设置为居中显示。有的时候可能只需要对某一行，或者某一列，又或者某一个特定的单元格进行这样的设置，那么，就需要对上面的样式选择器进行更详细的限定。以 .tablepress-id-N td 为例，如果希望对某一行（行序号假设为 X）里面的所有单元格应用前面的样式，则应该这一行改为，.tablepress-id-N .row-X如果要同时针对 X1 行和 X2 行都这样设置，则应该使用，.tablepress-id-N .row-X1,.tablepress-id-N .row-X2 {/ ... 这里省略了 ... */}而如果针对列（比如列号 Y），则应该使用，.tablepress-id-N .column-Y但是要注意，交叉使用 .row 和 .column 则表示特定的单个单元格。比如，.tablepress-id-N .row-X .column-Y表示针对表格 ID 为 N 的 TablePress 表格里面的 X 行和 Y 列那个位置的单个单元格。

欢迎大家的补充！