# テーブル

GitBookページで情報をより整理しやすくするために、表を追加できます。下の例の表で、どのようなことが可能かを確認できます。

<table data-full-width="false"><thead><tr><th>会社</th><th>ステータス<select><option value="36bef47f343d4588bc43db3e5c701796" label="進行中" color="blue"></option></select></th><th>連絡先</th><th>MRR</th><th data-hidden>連絡先</th><th data-hidden>MRR</th><th data-hidden>ステータス<select><option value="3e7a52c673ec4a01992566d18271f7a5" label="進行中" color="blue"></option><option value="2362fd3eafc7476fb8646ac754f34b72" label="完了" color="blue"></option></select></th></tr></thead><tbody><tr><td><strong>Ace AI</strong> – デザイン</td><td><span data-option="36bef47f343d4588bc43db3e5c701796">進行中</span></td><td><a href="mailto:noreply@gitbook.com">rena@ace.ai</a></td><td>$450</td><td><a href="mailto:noreply@gitbook.com">rena@ace.ai</a></td><td>$420</td><td><span data-option="3e7a52c673ec4a01992566d18271f7a5">進行中</span></td></tr><tr><td><strong>Discrete Data</strong> – API</td><td><span data-option="36bef47f343d4588bc43db3e5c701796">進行中</span></td><td><a href="mailto:noreply@gitbook.com">dave@dd.inc</a></td><td>$100</td><td><a href="mailto:noreply@gitbook.com">dave@dd.inc</a></td><td>$69</td><td></td></tr><tr><td><strong>Example Co</strong></td><td></td><td><a href="mailto:pete@example.com">pete@example.com</a></td><td>$50</td><td></td><td></td><td></td></tr></tbody></table>

### テーブルブロックのオプション

テーブルブロックの左側にあるオプションメニューを開くと、テーブル内の見た目を変更したりデータを管理したりするためのさまざまなオプションが表示されます。

* **テーブル/カード:** データの表示方法として、テーブルブロックまたは [カードブロック](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/blocks/cards)のどちらかを選べます。GitBook はどちらのブロックにも同じデータを使用して入力するため、好みの見た目やデザインに応じて切り替えられます。
* **列を追加:** テーブルの右側に新しい列を追加します。メニューから列の種類を選ぶことも、 **列を追加** をクリックしてテキスト列を追加することもできます。
* **行を挿入:** テーブルの下部に新しい行を追加します。
* **ヘッダーを表示:** テーブルの最上部のタイトル行を非表示または表示します。
* **ヘッダーを固定:** 下の行をスクロールしている間も、テーブルの最上部の行をページ上に表示したままにします。列タイトルを常に見えるようにしておきたい、大きなテーブルで便利です。
* **列幅をリセット:** 列幅を変更している場合、すべての列幅を再び等しくリセットします。
* **表示列:** 表示する列と非表示にする列を選択します。テーブル内に非表示の列がある場合、このメニューから再び表示できます。
* **全幅:** テーブルをウィンドウの全幅に広げます。列数の多いテーブルに最適です。
* **削除:** テーブルブロックとそのすべての内容を削除します。

### 列の種類を変更する

表示したいデータに応じて、テーブルの列には異なるデータ型を設定できます。これにより、列内の各セルに書式、装飾、制約が追加されます。

* **テキスト:** 標準的なテキスト列で、標準の書式設定に対応しています。
* **数値:** 小数の有無を選べる数値列です。
* **チェックボックス:** 各行にチェック／解除できるチェックボックスがあります。
* **選択:** オプションの一覧からデータを選択できます。オプションは **列オプション** メニューを開いて **オプションを管理**を選ぶことで定義できます。単一選択にも複数選択にも対応しています。
* **ユーザー:** 組織のメンバーの名前とアバターを追加できます。単一選択にも複数選択にも対応しています。
* **ファイル:** スペース内のファイルを参照できます。列のセルに入力する際に、新しいファイルをアップロードすることもできます。
* **評価:** 星評価です。最大評価は **列オプション** メニューを開いて **最大**.

を開いて設定できます。 **列オプション** メニューを使って列の種類を変更します。列の種類を変更すると、この操作によって列データが削除されたり壊れたりする可能性があるため、変更を確認するよう促すメッセージが表示されます。

### 列のサイズを変更する

列の端にカーソルを合わせてドラッグすると、サイズを変更できます。カーソルの上にピクセル数が表示され、列サイズを揃えやすくなります。

GitBook は列サイズを全体幅に対する割合として保存するため、テーブル全体の幅に基づく相対的なサイズ設定が可能です。

### スクロールするテーブル

エディタのコンテナより幅の広いテーブルは、横方向にスクロールできます。

### 列オプション

列の順序を変更するには、移動したい列の上部にあるドラッグハンドルをクリックしてドラッグします。 <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FPnnI41SqLSaKBNwT98fW%2Factions-horizontal.svg?alt=media&#x26;token=99754200-a354-4ffe-931e-aa6322ea7395" alt="The table drag handle icon in GitBook"></picture> 列の上部にあります。

新しい列は、テーブルの右端にカーソルを合わせたときに表示される **列を追加** ボタンをクリックして追加できます。

の中では、 **列オプション** メニューで自動サイズ調整のオン／オフ、新しい列の右側への追加、列の非表示、列の削除も行えます。

### 行のオプション

行にカーソルを合わせて、その左側に表示される **行のオプション** <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2F89MTSo5XRpPMVr1T0rxS%2Factions.svg?alt=media&#x26;token=2b5d001e-560a-4f29-8d22-de8163725ca1" alt="The Row options menu icon in GitBook"></picture> ボタンをクリックし、 **行のオプション** メニューを開きます。いくつかのオプションが表示されます。

* **行を開く:** 行を、すべてのデータを表示するモーダルで開きます。ここで行の種類をすばやく変更したり、データを編集したり、非表示列のデータを確認したりできます。
* **上／下に挿入:** 現在選択している行の上または下に、新しい行を追加します。
* **列を追加:** テーブルの右側に新しい列を追加します。
* **行を削除:** 行内のすべてのデータをテーブルから完全に削除します。

### テーブル内の画像

テーブルのセルをクリックすると、/ キーを押して画像を挿入できます。画像はテーブルのヘッダー行には追加できません。

### Markdownでの表現

```markdown
# テーブル

|   |   |   |
| - | - | - |
|   |   |   |
|   |   |   |
|   |   |   |
```

<details>

<summary>GitBook でネストされたテーブルを作成できますか？</summary>

GitBook ではテーブルを入れ子にすることはできません。文書を記述しやすく、安定してレンダリングでき、すべてのユーザーにとってアクセスしやすい状態に保つため、GitBook ではテーブルをフラットな構造にしています。

一度テーブルが別のテーブルのセル内に入ると、編集、サイズ変更、移動、デバイス間で一貫した書式の維持が難しくなります。

ネストされたテーブルは、基盤となる文書構造に大きな複雑さももたらし、きれいなセマンティクスを損ない、Git Sync のような機能で予測不能な動作につながることがあります。

</details>
