📖 テーブル編集機能の使い方
[リッチテキストモード](https://help.docbase.io/posts/3027206)において、テーブル編集機能が使えます。
マークダウンでは編集が困難になりがちだったテーブル操作をより簡単に行えます。

<span style="color:#878d93;">※ HTMLの`<table>`タグを使って書いたテーブルでは利用できません。</span>

テーブル編集機能でできることは以下の通りです。
- 行の追加
- 行の削除
- 行の並び替え
- 列の追加
- 列の削除
- 列の並び替え
- 行揃え
- 行揃えの解除
- テーブルの削除

それぞれ操作方法をご紹介します。

# 操作方法
## テーブル編集UIの表示

リッチテキストにて、テーブルをクリックするとテーブル編集UIを表示できます。

![スクリーンショット 2023-12-14 17.20.29.png](https://image.docbase.io/uploads/b2b8acd2-cb75-4c0e-a92c-c4497426bac1.png =WxH)

## 行の追加
操作方法は3通りあります。

### 行の左端にあるボタンから追加する

1. 行の左端にあるボタンをクリック
1. 「行を上に追加」または「行を下に追加」をクリック

![行を追加1.gif](https://image.docbase.io/uploads/b0250ef6-9964-4a8d-be60-f5b598e3aabc.gif =WxH)


### 行の境目にある`＋`ボタンから追加する
1. マウスカーソルを行の左端にあるボタンの上下の境目に移動
1. `＋`ボタンをクリック

![行を追加2.gif](https://image.docbase.io/uploads/6891a296-90a6-4d5e-aac3-6f16ca84c485.gif =WxH)


### テーブル編集UIの下端にある`＋`ボタンから追加する

1. テーブル編集UIの下端にある`＋`ボタンをクリック

![行を追加3.gif](https://image.docbase.io/uploads/13137946-1b30-4378-b08b-f5b096b36f9f.gif =WxH)

## 行の削除
1. 行の左端にあるボタンをクリック
1. 「行を削除」をクリック

![行を削除.gif](https://image.docbase.io/uploads/4ee48a6f-a1ea-49f9-8e3f-470b0ec92f81.gif =WxH)

## 行の並び替え

1. 行の左端にあるボタンをドラッグ
1. 移動先でドロップ

![行の並び替え.gif](https://image.docbase.io/uploads/a3760b70-b1f7-4d15-a3bb-3d63964e6afb.gif =WxH)


## 列の追加
操作方法は3通りあります。

### 列の上端にあるボタンから追加する

1. 列の上端にあるボタンをクリック
1. 「列を左に追加」または「列を右に追加」をクリック

![列の追加.gif](https://image.docbase.io/uploads/c9c17cd5-d4d3-4bea-976c-8ac48c68792c.gif =WxH)


###  列の境目にある`＋`ボタンから追加する
1. マウスカーソルを列の上端にあるボタンの左右の境目に移動する
1. `＋`ボタンをクリック

![列を追加2.gif](https://image.docbase.io/uploads/ca281e73-5054-44b1-a707-320494577252.gif =WxH)


### テーブル編集UIの右端にある`＋`ボタンから追加する

1. テーブル編集UIの右端にある`＋`ボタンをクリック

![列の追加3.gif](https://image.docbase.io/uploads/55544a92-0e19-4454-8ea4-e20d70606b21.gif =WxH)

## 列の削除

1. 列の上端にあるボタンをクリック
1. 「列を削除」をクリック

![列の削除.gif](https://image.docbase.io/uploads/4bb42085-2c59-4ee8-ab4a-2a3341202e7e.gif =WxH)


## 列の並び替え

1. 列の上端にあるボタンをドラッグ
1. 移動先でドロップ

![列の並び替え.gif](https://image.docbase.io/uploads/586fc1ab-81d0-49f4-a8c3-ccaca7b1ca7e.gif =WxH)


## 行揃え
1. 列の上端にあるボタンをクリック
1. 「行揃え」のいずれかのボタンをクリック

※ ![スクリーンショット 2023-12-14 17.55.46.png](https://image.docbase.io/uploads/1bcfcac1-c1ef-44a6-8d75-793dcbfad8f6.png =WxH) ← 左から、「左揃え」、「中央揃え」、「右揃え」

![行揃え.gif](https://image.docbase.io/uploads/1162b949-e510-4c13-a109-84acb6bc33df.gif =WxH)

## 行揃えの解除
1. 列の上端にあるボタンをクリック
1. 「行揃え」の中で現在有効な（背景色がグレーになっている）ボタンをクリック

![行揃えの解除.gif](https://image.docbase.io/uploads/79a3200f-bac9-4c1a-9561-14c7466c00b8.gif =WxH)

## テーブルの削除

1. テーブル編集UIの右上にある`⚪️`ボタンをクリック
1. 「削除」をクリック

![テーブルの削除.gif](https://image.docbase.io/uploads/2c209de3-8182-4943-81ac-267a87815140.gif =WxH)