「Tablepress」のカスタマイズ

項目(セル)ごとの表示幅

投稿ページや固定ページ内で以下のように記述することで、各項目の表示幅を変更(table idの番号と%は変更)

[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-id-1 {
width: 80%;
}

左右中央揃え

.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;
}