テーブル
Table
別名: 表 / Data Table
ライブデモ
説明
一言で説明
データを行と列で構造化して表示するUI要素。ヘッダー、行、セルで構成される。
いつ使う？
複数の属性を持つデータを一覧で比較・確認させたいとき。注文履歴、ユーザー管理画面など。
💡 日常の言い方
「エクセルみたいに行と列でデータが並んでる表」
似ている用語との違い
テーブル vs データグリッド
データグリッドはソート・フィルタ・編集機能を持つ高機能なテーブル。テーブルは基本的なデータの表形式表示。
テーブル vs リスト
リストは単一列のデータ表示。テーブルは複数列で構造化されたデータ表示。
AIへの指示例
ユーザー管理画面にテーブルを実装して。名前・メール・ステータス・登録日の列。ヘッダーは固定でスクロール可能にして。行ホバーでハイライトして。