テーブルTable
Experimental

列見出しと行データを組み合わせて、比較しやすい一覧を表示する表コンポーネントです。

項目	状態	金額
API	完了	¥12,000
ドキュメント	確認中	¥8,000

状態とバリエーション

行数が多い読み取り専用の表では、交互の背景色で横方向の読み取りを補助します。

合計や集計値はフッター行にまとめ、本文の明細行と分けて示します。

表の対象期間や集計範囲を、表の構造に含めて補足します。

リリース前確認の担当一覧です。
項目	期限	担当
アクセシビリティ確認	5月28日	佐藤
公開前レビュー	5月30日	鈴木

小さい画面では列を無理に縮めず、表に最小幅を持たせて横方向にスクロールできるようにします。

項目	状態	担当	期限	最終更新
アクセシビリティ確認	確認中	佐藤	5月28日	5月26日 10:00
公開前レビュー	未着手	鈴木	5月30日	5月25日 18:30

表は横にスクロールできます

プロパティ	型	初期値	説明
striped	boolean	false	本文行の背景色を交互に変えます。
className	string	-	表全体の幅やセルの見え方を調整するクラスです。

表は横にスクロールできます

プロパティ	型	初期値	説明
className	string	-	行、見出し、セルに追加するクラスです。
children	ReactNode	-	見出し行、本文行、フッター行、セルなどの内容です。