表(テーブル) | 基本機能

表(テーブル)

表の行・列の追加もワンボタンで設定できます。またHTML編集も行えるので独自のclassなどを付与も可能。(セル内部への画像挿入機能などはありません)

機能で設定できる項目

テーブル独自の設定のほか、文章コンテンツと類似のウィジウィグ編集が可能です。ただし、フォントサイズの変更やセルの中に画像を入れるなどの設定はありません。

  • 行の操作:上に追加 / 下に追加 / 削除
  • 列の操作:左に追加 / 右に追加 / 削除
  • 表の設定
    余白:外側 / 内側
    罫線:線のサイズ / 枠の色
    背景色
  • セルの設定
    サイズ:幅 / 高さ
    罫線:線のサイズ / 枠の色
    背景色
  • 文字装飾:太字 / 斜体
  • リンク付
  • 文字位置:左 / 中央 / 右 / 等幅
  • リスト:番号 / 黒丸
  • インデント 

  1. <div id="cc-m-xxxxxxxxxx" class="j-module n j-table ">
  2.   <table align="" border="0" cellspacing="0" cellpadding="8" width="100%" height="100%" class="mceEditable" style="border: 0px solid #999999;">
  3.     <tbody>
  4.       <tr>
  5.         <td style="border: 1px solid #999999;"> 1行目:セル1 </td>
  6.         <td style="border: 1px solid #999999;"> 1行目:セル2 </td>
  7.       </tr>
  8.       <tr>
  9.         <td style="border: 1px solid #999999;"> 2行目:セル1 </td>
  10.         <td style="border: 1px solid #999999;"> 2行目:セル2 </td>
  11.       </tr>
  12.     </tbody>
  13.   </table>
  14. </div>

1行目:セル1 1行目:セル2
2行目:セル1 2行目:セル2