ページに表を追加する

重要:

この記事はクラシックページにのみ適用されます。 Microsoft SharePointでモダンページを使用している場合は、Text Web パーツを使用してテーブルを追加できます。「テキスト Web パーツを使用してページにテキストとテーブルを追加する」を参照してください。
SharePoint バージョンをチェックするには、次の手順に従います。

クラシックページにテーブルを追加すると、ページ上のテキスト、画像、またはオブジェクトを構造化するのに役立ちます。これを行うと、テーブル内のデータ、価格表、製品の比較、用語と定義の一覧などが表示されます。また、たとえば、従業員の経歴、連絡先情報、営業時間などのコンテンツを配置することもできます。この記事では、サイトのテーブルエディターや HTML などの他の方法を使用して、ページ上にコンテンツを配置または構造化する方法について説明します。

表を挿入する

テーブルを追加するページを参照します。
[ ページ ] タブをクリックします。
[ 編集 ] ボタンをクリックします。
テーブルを追加するページをクリックします。
[挿入] タブをクリックします。
[ テーブル ] ボタンをクリックします。
テーブルを追加するには、次の 2 つの方法があります。
- 矢印をクリックして表のグリッド線を展開し、マウスポインターを表のグリッド線の上に置き、目的の数の表セルをクリックします。
- または、[テーブルの挿入 ] ボタンをクリックし、必要な列と行の数を入力して、[OK] をクリック します。
テーブルがページに追加されます。ここで、コンテンツの追加を開始したり、次に説明するタスクをカスタマイズしたりできます。

ページの先頭へ

テーブルをカスタマイズする

ページページにテーブルを挿入したら、カスタマイズを開始できます。行または列の追加と削除、行または列のマージと分割、テーブルのサイズ変更、外観の変更などを行うことができます。

行と列を追加する

テーブル内のセルの行と列を追加して、ページ上のより構造化されたコンテンツを許可できます。カーソルがあるセルの上、下、左、または右に追加できます。個々のセルではなく、一度に追加できるのは行または列全体だけです。

テーブルを含む Web ページを編集します。
行または列を追加するテーブルセルにカーソルを置きます。
[ テーブルレイアウト ] タブをクリックします。
次のいずれかのオプションを選びます。
- [上に挿入] を選択したセルの上に行を追加します。
- [下に挿入] を選択したセルの下に行を追加します。
- [左に挿入] を選択したセルの左側に列を追加します。
- [右へ挿入] を選択したセルの右側に列を追加します。

ヒント: 新しいセルの結果が気に入らない場合は、Ctrl + Z キーを押すか、[ テキストの書式設定 ] タブをクリックして [元に戻す] を選択して、操作を元に戻すことができます。

テーブルにすぐに適用された変更が表示されます。セルにテキストまたは画像がある場合は、新しいマージされたセルに一緒に配置されます。

ページの先頭へ

セルを結合する

セルを結合するときは、2 つ以上のセルを結合して、テーブル内のテキスト、画像、およびその他のオブジェクトのスペースを増やします。上下のセルと左右を互いに結合できますが、行または列全体ではなく、個々のセルのみを結合できます。

テーブルを含むページを編集します。
結合するテーブルセルにカーソルを置きます。
[ テーブルレイアウト ] タブをクリックします。
[ セルの結合] をクリックし、次のいずれかを選択します。
- [上にマージ] を選択して、上のセルとマージします。
- 下にマージ して、下のセルとマージします。
- [左にマージ] をクリックして、左側のセルとマージします。
- [右にマージ] を選択して、右側のセルとマージします。

ヒント: 結合されたセルの結果が気に入らない場合は、Ctrl + Z キーを押すか、[ テキストの書式設定 ] タブをクリックして [元に戻す] を選択して、操作を元に戻すことができます。

テーブルにすぐに適用された変更が表示されます。セルにテキストまたは画像がある場合は、新しいマージされたセルに一緒に配置されます。

ページの先頭へ

セルを分割する

セルを分割すると、1 つのセルを 2 つのセルに変換して、テーブルの内容により多くの構造を適用します。セルは水平方向または垂直方向に分割できますが、行または列全体ではなく、個々のセルのみを分割できます。

テーブルを含む Web ページを編集します。
分割するテーブルセルにカーソルを置きます。
[ テーブルレイアウト ] タブをクリックします。
[ セルの分割 ] をクリックし、次のいずれかを選択します。
- [水平分割] を選択して、セルを 2 つのセルに分割します。並べて表示されます。
- [垂直に分割 ] を選択して、セルを 2 つのセルに分割します。1 つはもう一方のセルの上に分割します。

ヒント: 分割セルの結果が気に入らない場合は、Ctrl + Z キーを押すか、[ テキストの書式設定 ] タブをクリックして [元に戻す] を選択して、操作を元に戻すことができます。

テーブルにすぐに適用された変更が表示されます。セルにテキストまたは画像がある場合、新しいセルではなく元のセルに残ります。

ページの先頭へ

テーブルのサイズを変更する

テーブルのサイズと、テーブルを構成する個々の行と列を変更できます。これを行うと、より多くのページコンテンツをテーブルセルに収めたり、ページの残りの部分に他のコンテンツのスペースを増やしたりできます。テーブルまたはセルのサイズをピクセル (px) またはパーセンテージ (%) で指定できます。個々のセルではなく、行、列、またはテーブル全体のみを一度にサイズ変更できます。

テーブルを含むページを編集します。
サイズ変更するテーブル内にカーソルを置きます。
[ テーブルレイアウト ] タブをクリックします。
[ テーブル幅] の横に、パーセントまたはピクセル値を入力します。値が 100% または 700px 以上の場合、ページコンテンツ領域全体が使用されます。
[ テーブルの高さ] の横に、パーセントまたはピクセル値を入力します。段落の数によってテーブルの高さも決まる点に注意してください。
[ 列の幅] の横に、パーセントまたはピクセル値を入力します。値が 100% または 700px 以上の場合、ページコンテンツ領域全体が使用されます。
[ 列の高さ] の横に、パーセントまたはピクセル値を入力します。段落の数によってセルテーブルの高さも決まる点に注意してください。

ヒント: サイズ変更されたテーブルまたはセルの結果が気に入らない場合は、Ctrl キーを押しながら Z キーを押すか、[ テキストの書式設定 ] タブをクリックして [元に戻す] を選択して、操作を元に戻すことができます。

テーブルにすぐに適用された変更が表示されます。セルにテキストまたは画像がある場合は、サイズ変更されたセルに残ります。

ページの先頭へ

表のスタイルを変更する

テーブルの外観をカスタマイズするには、そのスタイルを変更し、ヘッダーまたはフッター行を指定し、最初と最後のテーブルの行または列に特別な書式を適用します。

テーブルを含むページを編集します。
カスタマイズするテーブルにカーソルを置きます。
[デザイン] タブをクリックします。
[テーブルスタイル] オプションで、次のいずれかのテーブルスタイルオプションを選択します。 (現在、テーブルに "Light" または "Clear" のテーブルスタイルが適用されている場合、書式設定の違いが表示されない場合があります)。
- ヘッダー行 は、テーブルの最初の行に特別な書式を適用します。
- フッター行 は、テーブルの最後の行に特別な書式を適用します。
- 最初の列 は、テーブルの最初の列に特別な書式を適用します。
- 最後の列 は、テーブルの最後の列に特別な書式を適用します。
テーブルスタイルを選択します。各スタイルは、罫線の色、セルの色、ヘッダーまたはフッターの色を変更します。 (一部のスタイルでは、上記のオプションを選択した場合にのみヘッダーとフッターが変更されます)。
- 既定のテーブルスタイル – ライト: 薄い、明るい、灰色のグリッド罫線。
- 表スタイル 1 – クリア: 罫線が表示されません。
- 表のスタイル 2 – ライトバンド: 淡い灰色の水平線、他のすべての行の網掛けグレー。
- 表のスタイル 3 – 中間の 2 つのトーン: 青のヘッダー、他のすべての行は水色で網掛けされています。
- 表のスタイル 4 – 明るい線: 灰色のヘッダー、水色の水平線。
- 表スタイル 5 – グリッド: 灰色のグリッド罫線、その他のすべての行は灰色で網掛けされます。
- 表のスタイル 6 – アクセント 1: 青いグリッド罫線、青いヘッダー。
- 表スタイル 7 – アクセント 2;水色のグリッド境界線、水色のヘッダー。
- 表スタイル 8 – アクセント 3: 緑のグリッド罫線、緑のヘッダー。
- テーブルスタイル 9 – アクセント 4: オリーブグリッドの罫線、オリーブヘッダー。
- 表スタイル 10 – アクセント 5: 赤いグリッド罫線、赤いヘッダー。
- 表のスタイル 11 – アクセント 6: 紫色のグリッド罫線、紫色のヘッダー。
[ グリッド線の表示 ] をクリックして、表のグリッド線を表示または非表示にします。これは、テーブルスタイルのクリアを適用した場合や、テーブルの罫線を非表示にした場合の視覚的な支援ですが、操作するにはテーブルを表示する必要があります。

テーブルにすぐに適用された変更が表示されます。セルにテキストまたは画像がある場合は、新しいスタイルが適用された元のセルに残ります。

ページの先頭へ

テーブルにテキストまたはオブジェクトを追加する

テーブルのカスタマイズが完了したら、ここで説明するように、テキスト、グラフィックス、その他のオブジェクトなど、テーブルへのコンテンツの追加を開始する準備が整います。

テーブルを含むページを編集します。
コンテンツを追加するテーブルセル内にカーソルを置きます。
テキストを追加するには、テキストの入力を開始するか、テーブルセルにテキストを貼り付けます。書体またはフォントサイズを変更するには、[テキストの 書式設定 ] タブをクリックし、そこからフォント設定を選択します。
画像、ビデオ、または別のオブジェクトを挿入するには、[ 挿入 ] タブをクリックし、任意の Web ページと同じようにオブジェクトを挿入します。 (画像またはビデオがテーブルセルよりも大きい場合、テーブルセルはイメージまたはビデオに合わせて自動的にサイズ変更されます)。

テキスト、画像、またはオブジェクトを削除するには、セルでテキスト、画像、またはオブジェクトを選択し、キーボードの Delete キーを押 します 。

ページの先頭へ

セル、行、列、またはテーブルを削除する

必要に応じて、個々のセル、行、列、またはテーブル全体を削除できます。

テーブルを含むページを編集します。
削除するセル、行、列、またはテーブル内にカーソルを置きます。
[ テーブルレイアウト ] タブをクリックします。
[ 削除 ] をクリックし、次のいずれかを選択します。
セルを削除 して、カーソルがある個々のセルを削除します。
[列の削除] を選択すると、カーソルがある列が削除されます。
[行の削除] を選択して、カーソルがある行を削除します。
[テーブルの削除] を選択すると、カーソルがあるテーブル全体が削除されます。
ページ上のテーブルまたはコンテンツのカスタマイズを続行します。

ページの先頭へ

カスタムテーブルを作成するか、HTML コンテンツを使用する

カスタムテーブルを作成する場合、または独自の HTML コードを使用してページにコンテンツを配置する場合は、式 Web や Dreamweaver などの Web ページエディターに HTML コードを追加します。

テーブルまたは HTML コンテンツを追加するページを編集します。
[ テキストの書式設定 ] タブをクリックし、[マークアップ] グループの [ ソースの編集 ] をクリックします。
[ HTML ソース ] ウィンドウで、カスタム HTML を入力または貼り付けるか、DIV タグの適用など、既存のソースコンテンツを変更します。 (HTML ソースウィンドウは、Web サイトの一部から別の部分にテーブルをコピーする場合にも便利な方法です。これは、テーブルを再作成してカスタマイズするよりも高速です)。
[ OK] を クリックし、ページを保存します。