§10-05Layout
テーブル (sortable/filter/group)
並び替えや絞り込み、グループ化ができる表を示す。
多数の行から目的の項目を見つけ、比較できる。管理画面の一覧や売上明細など、列が多く件数も多いデータを扱うときに使う。
実装のポイント
ソート・フィルタは元データを変えず派生値として計算し、状態は URL に持つと共有できる。並び替え中の列見出しには aria-sort を付ける。
- 特徴
- 状態管理
- デモで使っているもの
- lucide-react
§10-05Layout
並び替えや絞り込み、グループ化ができる表を示す。
多数の行から目的の項目を見つけ、比較できる。管理画面の一覧や売上明細など、列が多く件数も多いデータを扱うときに使う。
ソート・フィルタは元データを変えず派生値として計算し、状態は URL に持つと共有できる。並び替え中の列見出しには aria-sort を付ける。