Table
行と列で構造化されたデータを一覧表示するコンポーネント。ジョブアンテナでは管理画面の応募者進捗テーブルや求人票一覧など、多数のレコードを比較しながら操作する画面の中核になる。ステータスは Badge、行ごとの操作はアイコンボタンとして各セルに埋め込む。
基本
TableHeader / TableBody / TableFooter / TableCaption を組み合わせた基本構成。行に data-state="selected" を付けると選択状態の背景色になり、数値列は text-right で右揃えにする。
応募者管理
進捗管理画面の応募者テーブル。候補者セルにアバターとプロフィール、ステータスセルに選考状況の Badge、操作セルにメッセージ・履歴書のアイコンボタンを収める。
求人一覧
求人票一覧テーブル。サムネ付きのタイトル行に公開状態の Badge(掲載中=塗り、公開停止・Indeed連携=outline)と閲覧・応募の統計、編集・複製・削除の操作を並べる。