ITエンジニア/デザイナ向けにオープンソースを毎日紹介

業務システムと言えばグリッド、テーブルが求められます。最初はHTMLで簡単に作成するのですが、すぐに追加の機能が求められます。ソート、フィルタリング、ヘッダーや左側の列を固定して欲しいと言った具合です。

そんな厄介な要望をスクラッチで対応していたのではとても時間がかかってしまいます。ぜひhandsontableを試してみましょう。

handsontableの使い方

handsontableには多くの機能が備わっています。まずはページネーション。

パスワードを非表示にもできます。

新しい行を作成する際にplaceholderを表示。

フォーカスがあたっているセルをハイライト。

セルを細かくカスタマイズ。画像の埋め込みもできます。

ソートももちろんできます。

入力バリデーション。

ヘッダーと左の列を固定。

下方向、右方向コピー。

セルのマージ。

handsontableは表計算並とは言えませんが、グリッド表示によくある要望には応えられるだけの機能が備わっています。handsontableを組み込めば多くの要望が適うことでしょう。

handsontableはHTML5/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

handsontable/handsontable: Handsontable is an Excel-like data grid / spreadsheet for HTML & JavaScript

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2