WP TablePress プラグイン テーブルの罫線を表示させるCSS。
WP TablePress プラグイン
枠線が表示されない場合は、
TablePress > プラグインのオプション > カスタムCSS に下記をコピペ
/* すべてのセルに枠線を付加 */
.tablepress thead th,
.tablepress td {
border: 1px solid #000 !important;
padding: 1em;
margin: 1em;
}
.tablepress tbody tr {
}
.tablepress tfoot th {
background-color: #D3D3D3 !important; /* 背景色を指定 */
border: 1px solid #000 !important;
}
/* テーブルの外側(周囲)の余白を指定 */
.tablepress {
margin: 1em 1em;
}
/* テーブル全体の横幅の指定 ([table id=1 /])*/
.tablepress-id-1 {
width: 96%;
}
表の外枠、下の線が表示されない場合は、
TablePress > テーブルの内容 >一番下に空白の行を追加
テーブルのオプション
テーブルのフッター行:レ
テーマによって表の一番下の下線が隠れます。TablePressカスタムCSSを編集しても出せなかったので、フッター追加方法を採用。
細かいこと気にしない。これで良し。
CSSの !important は、他のスタイルシートより優先して表示させるという意味です。