HTML フィールドにテーブルを追加する

  • リリースバージョン: Washingtondc
  • 更新日 2024年02月01日
  • 読む2読むのに数分
  • この例では、HTML フィールドコントロールを使用してナレッジ記事のテーブルを書式設定します。

    このタスクについて

    図 : 1. テーブル例の html
    テーブル例の html

    ナレッジ記事に書式設定されたテーブルを追加するには:

    手順

    1. 移動先 すべて > ナレッジ > 編集 をクリックし、編集する記事を選択します。
    2. HTML フィールドで、テーブルの場所にカーソルを置きます。
    3. テーブルアイコンをクリックし、[テーブルの挿入] をクリックして、行数と列数を選択します。
      テーブルの挿入
    4. テーブルのプロパティを編集するには、次の手順を実行します。
      1. テーブル内にカーソルを置き、テーブルアイコンをクリックして、[テーブルのプロパティ] を選択します。
      2. [全般] タブで次の値を入力します。
        • 幅:75%
        • セル間隔:3
        • セルのパディング:3
        • 境界:1
        • 位置調整:左
      3. [詳細] タブで、[ボーダー色] の横にあるテキストフィールドをクリックし、「Gray」と入力します。
        右側のカラーピッカーボックスがグレーに変わり、入力した色を示します。ボックスをクリックして、パレットで色を選択することもできます。
      4. [OK] をクリックします。
    5. ヘッダーテーブルの行を更新するには、次の手順を実行します。
      1. 最初のテーブル行のセルを選択し、テーブルアイコンをクリックして、 > 行のプロパティ.
      2. [全般] タブで次の値を入力します。
        • 行タイプ:ヘッダー
        • 位置調整:中央
      3. [詳細] タブで、[背景色] の横のテキストボックスに「#87cefa」と入力して水色に設定します。
      4. [OK] をクリックします。
    6. セルのプロパティを設定するには、次の手順を実行します。
      1. ヘッダー行のセルを除いて、最初の列のすべてのテーブルセルを選択し、テーブルアイコンをクリックして、 セル > セルのプロパティ.
      2. [全般] タブで次の値を入力します。
        • H 位置調整 (H Align):左揃え
        • V 位置調 (V Align):上
      3. [OK] をクリックします。
      4. 2 列目のテーブルセルに対してこれらの手順を繰り返します。
    7. 中央の行の背景色を設定するには、次の手順を実行します。
      1. 中央のテーブル行にカーソルを置き、テーブルアイコンをクリックして、 > 行のプロパティ.
      2. [詳細] タブで、[背景色] の横のテキストボックスに「Silver」と入力して色を #c0c0c0 に設定します。
      3. [OK] をクリックします。
      1 つおきのテーブル行に対してこの手順を繰り返します。
    8. 列幅を設定するには、次の手順を実行します。
      1. テーブルの最初の列をクリックし、テーブルアイコンをクリックして、 セル > セルのプロパティ.
      2. [全般] タブで、[幅] テキストフィールドに「30%」と入力します。
      3. [OK] をクリックします。
    9. フォームヘッダーを右クリックし、[保存] をクリックします。
    10. テーブルのセルにデータを入力し、記事を保存します。