【TIPS】Tablepress CSS

WordPressプラグイン「Tablepress」のカスタマイズに関するメモ

CSS記述

表示幅(HTML)

[table id=1 column_widths=”10%|10%|30%|40%|10%” /] 

プラグインオプション記述例

.tablepress-id-1 .row-2 .column-4,
.tablepress-id-1 .row-5 .column-3 {
	background-color: #40E0D0 !important;
	color: #ffffff !important;
}

中央揃え

左右中央揃え

.tablepress thead th, .tablepress td {
	text-align: center;
}

上下中央揃え

.tablepress tbody td {
	vertical-align: middle;
}

罫線

/* すべてのセルに枠線を付加 */
.tablepress thead th,
.tablepress td {
border: 1px solid #000 !important;
padding: 1em;
margin: 1em;
}