ReoGrid ReoGrid Web
attendance coloring date lite

勤怠管理表

月間の勤怠管理。週末・祝日の色分けとサマリー列付き。

デモの解説

このデモは月次の出退勤管理シートを構築します。各行が従業員、各列が月の日付です。週末列は自動で色分けされ、集計列が出勤/欠勤日数をカウントします。

  • 列ヘッダーに日付番号、土日(土曜・日曜)列は水色/ピンク背景を自動適用
  • 勤怠は ○(出勤)・×(欠勤)・△(半休)・休(有休)でコード入力
  • 右側の集計列が COUNTIF 数式で各ステータスの日数をカウント
  • 列固定で従業員名の A 列を固定し、31 日分をスクロールしても常に表示
  • 日付計算は JavaScript で処理し、上部で月を変更すると列ヘッダーが再生成

主要 API

ws.cell(row, col).setStyle(style)

曜日計算に基づいて週末の背景色とヘッダースタイルを適用

ws.setFrozenColumns(count)

月の全列をスクロールしても従業員名列を固定表示

ws.setCellInput(row, col, value)

集計列に COUNTIF 数式、先頭行に日付ヘッダーを設定

ws.column(index).setWidth(px)

日付列を狭く、氏名・集計列を広く設定

関連ドキュメント

関連デモ

ニュースレター

開発の最新情報をお届けします

新しいリリース・機能追加・お知らせをいち早く受け取るには、
メーリングリストにご登録ください。