---
sourceDocument: Xanadu Now Platform の管理
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/xanadu/platform-administration

 Release :

    - xanadu

ft:locale :

    - ja-JP

ft:publication_title :

    - Xanadu Now Platform の管理

ft:clusterId :

    - platadm

bundleId :

    - platadm

workflow :

    - Platform


---

# HTML エディターにテーブルを追加する

# HTML エディターにテーブルを追加する {#ariaid-title1}

* リリースバージョン: Xanadu
* 
* 更新日 2024年08月01日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：2分

HTML フィールドコントロールを使用して、テーブルの例をナレッジ記事に追加して書式設定します。

## 始める前に

必要なロール：admin

## このタスクについて

このタスクでは、htmlArea または TinyMCE v6.8.3 でテーブルを作成して書式設定します。作成されるテーブルは、次のいずれかの画像のようになります。  
図 : 1. htmlArea のテーブルの例 図 : 2. TinyMCE v6.8.3 のテーブルの例

幅、セル間隔、セルのパディング、境界線、配置などの要素に別の値を入力した場合、結果の表は示されている例とは異なるものになります。

## 手順

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