社名変更のお知らせ  /  価格改定のお知らせ
  • 公式アカウント

表形式のデータを表示するためのデータグリッドコントロールです。編集、セル結合、列の移動、ソート、フィルタリング、グループ化など、データグリッドに必要なすべての機能を備えています。また、条件付き書式やセル単位での外観のカスタマイズなど、柔軟なデザイン設定が可能です。

オンラインデモ

FlexGridをはじめ、ASP.NET MVC用コンポーネントのさまざまな機能をお試しいただけます。一覧からコンポーネントを選択して、各機能の動作やソースコードを確認できます。

デモを見る(ASP.NET 4版 |ASP.NET Core版

FlexGrid入門

FlexGridを初めて使用する際、参考にしてください。設定の手順やソースコードをご紹介しています。

デモを見る(ASP.NET 4版 |ASP.NET Core版

編集

Excelのようにセル内で編集することができます。F2キーを押すかセルをダブルクリックすると、編集を開始します。また、セルが選択された状態でキー入力しても、編集を開始できます。編集の可否は、グリッド、列、行、セル単位で設定可能です。

バッチ編集

ユーザーが複数の項目を更新、作成、削除した後で、変更されたデータのコミットを一度で行うことができます。

フィルタリング

組み込みのフィルタリング画面を表示して、条件に一致する行をフィルタリングして表示することができます。AND演算子とOR演算子を使用して、2つのフィルタ条件を組み合わせて指定可能です。

グループ化

同じ値を持つデータをグループ化して表示することができます。グループヘッダーでは合計値や平均値などの集計データを表示可能で、ヘッダーをクリックするとグループを展開/縮小して表示できます。

カスタムセル

セルの表示内容を任意にカスタマイズすることができます。書式やスタイルを設定したり、セルに画像やグラフなどのコントロールを表示することも可能です。

セル結合

同じ値を持つセルを自動的に結合して表示できます。列ヘッダーや行ヘッダーも結合可能です。

ツリー表示

親子関係を持つ階層的なデータを設定すると、展開縮小可能なツリー形式で表示することができます。

ページング

グリッドを複数のページに分けて表示できます。ページを移動するためのUIも提供されます。

セルの選択方法

Excelのように、マウスやキーボードを使ってセルを選択できます。セルの選択方法は、1行、複数行、1つのセル、複数のセル、無効のいずれかに設定することができます。

行と列の固定

Excelのように、グリッドのスクロール時に行と列を固定することができます。

列フッタの表示

グリッドの下に列フッタを表示します。列フッタには、集計値や任意のコンテンツを表示することが可能です。

右から左へのレイアウト

アラビア語やヘブライ語のような言語で使用される、右から左へのレイアウトをサポートします。列は右から左に向かって配置され、文字列は既定で右寄せで表示されます。

仮想スクロール

仮想スクロールを有効にすると、遅延やちらつきを発生させずに、スクロール時にオンデマンドでデータを取得します。

クライアント側API

サーバー側APIに加えて、豊富なクライアント側APIも提供されます。ネットワーク通信を行うことなく、クライアント側でソート、グループ化、フィルタリングなどの処理を行うことができます。

列の操作

列のソートやサイズ変更をクライアント側で行うことができます。また、ソートやフィルタリング処理は、標準的なUIを使用して直感的に行われます。