TCD スマホで横にスライドする表
TCDのテンプレートはdivタグに「s_table」というクラスを指定するだけで表が横スクロール表示可能
| ライトプラン | ベーシックプラン | エキスパートプラン |
| 35,000円（税抜） | 50,000円（税抜） | 70,000円（税抜） |
classをつけたdivで表を囲む
div class=”s_table”
表のHTML
/div
| 月 | 火 | 水 | 木 | 金 | 土 | 日/祝 | |
| 午前 | 〇 | 〇 | 〇 | ー | 〇 | 〇 | ー |
| 午後 | 〇 | 〇 | 〇 | ー | 〇 | ー | ー |
| 診察科目 | 内科／小児科 |
|---|---|
| 診察時間 | 午前 9:00～12:30 月・火・水・金 午前 9:00～13:00 土 午後 16:00～19:00 月・火・水・金 |
表内文字改行しない
HTML
<table>
<tr>
<td>自動で改行されるテキストです</td>
<td class=”no-wrap-cell”>このセル内のテキストは自動的に改行されません</td>
</tr>
</table>
CSS
<style>
/* 例：特定のセルだけ自動改行を禁止する */
.no-wrap-cell {
white-space: nowrap;
}
</style>
table, th {white-space: nowrap;} 表の内容を改行しない
プラグイン VK Blocks を使う
改行させたくないテキストを選択した状態で、ブロックツールバーから「Nowrap」をクリックすることで改行禁止