IgrGrid では Excel へのエクスポート時に規定の設定では非表示列が除外されます。非表示列も含めて Excel へエクスポートするには、IgrGridToolbarExporter の onExportStar […]
Articles Tagged: IgrGrid
IgrGrid – 特定の条件でセル編集を制御したい
IgrGrid を使用して特定の条件に基づいてセルの編集を制御する方法について説明します。例として、下図のように “Editable” の値が “false” の R […]
IgrGrid – エクスポートファイル名を指定したい
この記事では、エクスポートの開始時にファイル名をユーザー入力で設定する方法を紹介します。 IgrGrid の設定 IgrGridToolbarExporter のonExportStartedイベントをバインドすることで […]
IgrGrid – セル値を動的に更新する
本記事では、updateCellを使用して、数量や単価を編集した際に、合計金額を自動で再計算して表示する方法を解説します。 IgrGrid の設定 IgrGrid のupdateCellメソッドを利用すると、任意の行・列 […]
IgrGrid – セルのフォーマットを変更したい
IgrGrid においてデータのフォーマットをカスタマイズする方法についてご紹介します。本記事では、formatterを使用して、数値データに単位を付加する方法を解説します。 IgrGrid の設定 IgrGrid のf […]
IgrGrid セルの値に応じて行全体の色を変える
IgrGrid でセルの値に応じて行全体の色を変更する方法を紹介します。 本記事では、在庫数に応じて行の色を変える実装を行います。 IgrGrid の設定 IgrGrid のrowClassesに TypeScript […]
IgrGrid – セルテキストを右寄せにする
IgrGrid を使用してグリッドを作成する際、セル内のテキストを右寄せにする方法を紹介します。(下図は dataType=”String” を指定したときの様子)。 方法 セルのテキストを右寄せ […]
IgrGrid – 行をクリックしても選択したくない
IgrGrid で行選択機能を使用する際、デフォルトでは行またはセルをクリックすると行選択状態となります。本記事では行をクリックしても行選択状態とならず、チェックボックスの使用のみ行選択する方法について解説します。 se […]
IgrGrid – セルに罫線を引く方法
IgrGrid のセルに罫線を引きたい場合は、CSS で各 DOM 要素に border の設定をしてください。 実行結果 サンプルプログラムのダウンロード GitHub リポジトリはこちら
IgrGrid – navigateTo メソッドを利用して、スクロール位置を動的に変更する
IgrGrid でnavigateToメソッドを使用して、グリッドのスクロール位置を動的に変更する方法について説明します。 グリッドの参照を作成する useRefフックを使用して、グリッドの参照を作成します。これにより、 […]