table-layout
- ブラウザ
表のレイアウト方法
table-layout: 値;
表のレイアウト方法を指定するプロパティです。
table-layout: fixed;
| プロパティ名 | 値 | 説明 |
|---|---|---|
| table-layout | auto | 自動レイアウトアルゴリズムを使用する （初期値） |
| fixed | 固定レイアウトアルゴリズムを使用する |
- 「fixed」を指定する場合は、表全体の幅を指定しておく必要があります。また、必要に応じて列（またはセル）の幅も指定しておきます。（幅の指定にはwidthプロパティを使用します）
- ■自動レイアウト
- 表全体のデータを読み込んだ後に、表の表示を開始します。
- ■固定レイアウト
- 表の1行目を読み込んだ時点でレイアウト（各セルの幅）を決定し、その後すぐに表の表示を開始します。（素早く表示されます）
※数十行程度の一般的な表の場合は、体感スピードはほとんど変わりません。
table {
width: 80%;
table-layout: fixed;
}
