テーブルの行数と列数は、後で増やしたり減らしたりできます。
テーブルの一覧で識別できるように、名前はわかりやすい名前がいいと思います。
画像のように内容を記載します。
ショートコードで投稿記事内に掲載できます。
テーブルIDを変更するとショートコードの番号もテーブルIDと同じ番号に変わります。
ショートコードを投稿記事内に使った後に変更した場合、投稿記事内のショートコードも変更しなければなりません。
行や列の追加はボタンひとつででき、行や列並べ替えも簡単です。
行や列の追加
行や列の並び替え
行の数字や列の英字の部分をドラッグ&ドロップすることで移動できます。
英字の▼で表の内容をあいうえお順にソートできます。並びをあいうえお順に替えて、投稿することができます。
チェックを入れるだけで、行の最初を見出しに行の最後をフッターにできます。
簡単です。
簡単です。
2つのセルを結合させる方法です。
(注意)#rowspan#または#colspan#を入力したセルの内容は消えます。
Data table Javascriptライブラリの使用を有効化しています。 Data Tablesは自動的に無効化されます。
TablePress
高度なエディターで、太文字・斜体文字・取消し線・insタグ・codeタグはボタンを押すだけで簡単に入力できます。
オプションで次の設定ができます。
オプションで次の設定ができます。
セルの幅を変えるなど、ソースコードを記述する方法は2つあります。高度なエディターまたはプラグインのオプションでセルの変更ができます。
(例)テーブルID4のテーブル(表)の上から2番目、左から2番目のセルの背景色を変更した場合
.tablepress-id-4 .row-2 .column-2 { background-color: #88ccef
(例)テーブルID=4の表の2行目の背景色を変更した場合
.tablepress-id-4 .row-2 td { background-color: #efefef; }
(例)テーブルID=4の表の3列目の幅を140pxにした場合
.tablepress-id-4 .column-3 { width: 140px; }
.row-2 .column-2 の場合、row-2は2行目、column-2は2列目です。
テーマで表の指定がされている場合は、テーマの指示が優先されるので、「;」を記述します。