Articles Tagged: IgbGrid

IgbGrid のヘッダーテキストを中央揃えにするには、IgbColumn の HeaderClasses プロパティにカスタム CSS クラスを指定し、そのクラスで text-align: center を設定します。 […]

IgbGrid のデフォルト動作では、列ヘッダー上に表示されるソートアイコンをクリックしたときに並び替えが実行されます。JavaScript を使用して列ヘッダー全体のクリックイベントを検出し、プログラムからソートアイコ […]

IgbColumn の CellClasses に、LocalJson.From() でラップした JSON 文字列を渡すことで、セルに CSS クラスを一括適用できます。 LocalJson.From() とはLoca […]

IgbGrid を使用して、コードビハインドですべての行の選択を一括解除する方法について解説します。 IgbGrid の設定 まず、IgbGrid を使用してデータを表示する準備をします。@ref ディレクティブを使って […]

IgbGrid を使用して、コードビハインドですべての行を一括選択する方法について解説します。 IgbGrid の設定 まず、IgbGrid を使用してデータを表示する準備をします。@ref ディレクティブを使って、Ig […]

IgbGrid では、ユーザーが行をダブルクリックしたときに、特定の行のデータを取得して処理することが可能です。本記事では、IgbGrid の行をダブルクリックした際に行データを取得し、JavaScript でアラート表 […]

IgbGrid において、デフォルト設定では画面上で非表示 (Hidden) に設定された列は、 下図のように、Excel エクスポート時に出力されません。 本記事では、IgbGrid の Excel エクスポート機能を […]

IgbGrid において、Excel へのエクスポートする際、デフォルトでは Excel の「テーブル形式」として出力されます。 本記事では、IgbGrid の Excel エクスポートでテーブル形式を無効化し、通常のセ […]

IgbGrid を使用して、コードビハインドで選択した行を更新する方法について解説します。 IgbGrid の設定 まず、IgbGrid を使用してデータを表示する準備をします。@ref ディレクティブを使って、IgbG […]