Grid

caption・rowHeader・columns・rows を渡します。先頭の列は行の見出し（rows[].label）で、rowHeader はその列の見出しです。各行の cells は columns と同じ数、同じ順に渡します。caption か rowHeader が空の時、columns が0列の時、pageSize が1以上の整数でない時、cells の数が合わない時は、描く時にエラーにします。

columns の current は今日の列として、見出しのセルを黄色のハイライト（#ffffcc）で塗ります。列の見出しは Table と同じく、平らな灰色の帯（#e9e9e9）に12pxの黒い太字で置き、帯の下端に濃い灰色（#acacac）の1pxの線を引きます。行の見出し（時刻など）は灰色の小さな文字にします。行と列の間は淡い罫線（#e7e7e7）で区切り、ホバーしたセルは淡い灰色、フォーカスしたセルは黒い2pxの枠で示します。cells の disabled は埋まっている・使えない枠として、面をそのままにして文字だけを灰色にします。表が作業面より広い時は横にスクロールし、行の見出しは先頭側に留めます。

GridController を grid として登録すると、見出しを含む全てのセルを矢印・Home・End・PageUp・PageDownで移動できます。表の中でTabが止まるのは一か所だけで、最後にいたセルに戻ります。rows が0件の時はcontrollerを付けず、表の下に empty を出します。

Gridはセルの間の移動だけを持ち、値の選択・予約・更新とそのイベントは持ちません。選んだ枠を使う操作は表の外に置き、どの枠を選んだかの管理とデータの保存は利用側が持ちます。JavaScriptなしでは、見出し付きの通常の表として読めます。