はてなブックマーク

この内、状態の列の「在宅」と「不在」はボタンにして、クリックすると相互に切り替わるようにします。なお、ボタンは状態に応じて背景色を青または赤に切り替えます。 正直、これくらいの人数であれば、DataTables を使うメリットはありませんが、話を簡単にするためにこれくらいにしておきます。大きい組織の状態管理とかに応用できるかもしれません。 一部のセルの値を動的に変える方法を検索してみましたが、ほとんどがサーバーから全データを JSON でもらってきて全更新する例でした。それでも十分早いみたいですが。 ただ、複数人で使うことを考えるとそちらの方が常に最新の状態を確認できるのでよいかもしれません…。 必要なファイルを準備 jQuery や DataTables の使用に必要なファイルをダウンロードします。 CDN を利用できる場合は、CDN を利用した方が良いのですが、今回は、自身が使用するサ