【WordPress】スクロール可能な表を作成する手順

WordPressでスクロール可能な表を作成する

WordPressで表をスクロール可能にする場合のコードは以下の通りです。

<div style=”height: ○○○px; width: ○○○px; overflow-y: scroll;”>
<table border=”1″ width=”300″ bgcolor=”#○○○○○○”>
<tbody>
<tr>
<td>○○○</td>
</tr>
</tbody>
</table>
</div>

【ポイント】

・”<td>○○○</td>”　の○○○の部分に、実際の表コードを入れます。

・heightが表の縦幅、widthが表の横幅。それぞれ適切な数値を入れます。

・ bgcolor=”#○○○○○○”の○○○○○○の部分が表の背景色の指定。 色彩チャート基準のコードを入れます。

【スクロールさせる表】

今回は次の表をスクロールさせます。

【実際にできた表】

・height: 150px; width: 300px;  bgcolor=”#F7F7FC”で設定しました。