製品版のみの機能

グリッド - 列管理

このサンプルは、igGrid で列のサイズ変更、列の移動、および非表示機能を構成する方法を紹介します。

このサンプルは、より大きい画面サイズのためにデザインされました。

モバイル デバイスで画面を回転、フル サイズ表示、またはその他のデバイスにメールで送信します。

サイズ変更: マウスでヘッダーの右境界線をドラッグすると、列をサイズ変更します。 注: 列サイズ変更はタッチ対応デバイスでサポートされません。 移動: マウスを使用するデバイスで、マウスを使用して列ヘッダーをドラッグ アンド ドロップすると、列を再配置できます。 タッチ対応デバイスで、各列ヘッダーの右側に配置される列移動アイコンを使用して列移動ドロップダウンにアクセスできます。各列移動ドロップダウンからアクセス可能な「列移動」ダイアログで複数の列を移動できます。 非表示: 列を非表示にするには、各列ヘッダーの右側に配置される列の非表示アイコンをクリックします。 列を表示にするには、非表示にした列に隣接する表示列の左側に配置される非表示列のインジケーターをクリックします。各非表示列のインジケーターを起動する「列選択」ダイアログから複数の列を非表示または表示できます。

コード ビュー

クリップボードへコピー