Table

行と列で構造化されたデータを一覧表示するコンポーネント。ジョブアンテナでは管理画面の応募者進捗テーブルや求人票一覧など、多数のレコードを比較しながら操作する画面の中核になる。ステータスは Badge、行ごとの操作はアイコンボタンとして各セルに埋め込む。

基本

TableHeader / TableBody / TableFooter / TableCaption を組み合わせた基本構成。行に data-state="selected" を付けると選択状態の背景色になり、数値列は text-right で右揃えにする。

応募者管理

進捗管理画面の応募者テーブル。候補者セルにアバターとプロフィール、ステータスセルに選考状況の Badge、操作セルにメッセージ・履歴書のアイコンボタンを収める。

求人一覧

求人票一覧テーブル。サムネ付きのタイトル行に公開状態の Badge(掲載中=塗り、公開停止・Indeed連携=outline)と閲覧・応募の統計、編集・複製・削除の操作を並べる。