AngularJSアプリでソート／ページングやフィルター機能付きの高機能グリッド表を実装する（UI Grid）

なお、本連載ではAngularJSそのものに関しては解説しませんので、専門書として『AngularJSアプリケーションプログラミング』、姉妹連載「AngularJSではじめるJavaScriptフレームワーク開発スタイル」などを併せて参照してください。 はじめに アプリで扱うデータが大量になった場合、これをひとつのグリッド表でずらっと並べるのは、あまり得策ではありません。スクロールしてしまえばタイトル行が見えなくなり、それだけでも各列の情報は見づらくなります。そもそも巨大な表の中から目的のデータを探し出すのは、ユーザーに優しいつくりとはいえません。 そこで、グリッド表にソート機能、フィルター機能、ページング機能などを付与して、一度に見せるデータを絞り込むようなしくみを実装するのが一般的です。そして、これらの機能をごくシンプルなコードで実装可能にするのが、UI Gridの役割です。 対象読者