Profile My skills Saved My plugins Edit profile Submit a skill

Kk0ga Employee Time Attendance Frontend Tables Tanstack Table

TanStack Table Skill

tomevault-io Updated
Web & Frontend

File contents

TanStack Table Skill

目的

勤怠の一覧UI（勤務表、承認一覧）を“同じ操作感”で提供する。

標準機能（まずはこれだけ）

  • 列：日付/曜日/出勤/退勤/休憩/実働/備考
  • ソート：日付
  • フィルタ：yearMonth（必須）、status（承認一覧）
  • 行：空値の表示ルール（-- など）

実装ルール

  • 列定義は feature 配下に置き、再利用する
  • 表示用フォーマット（時刻/分→時間）を共通化
  • 大量行は仮想化を検討（必要になってから）

成果物

  • 列定義（TS）
  • フィルタUI仕様
  • CSV出力のカラム対応表

依頼例

  • 「勤務表の列定義と表示フォーマットを統一したい」
  • 「承認一覧に status フィルタを付けたい」

References

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

tomevault-io/skills-registry/tree/main/kk0ga--employee-time-attendance--frontend-tables-tanstack-table commit 2ed8a75c02

Browse category

Frequently asked questions

npx skillmds@latest add tomevault-io/kk0ga-employee-time-attendance-frontend-tables-tanstack-tabl