IgbGrid の NavigateTo メソッドを利用することで、スクロール位置を変更することができます。 NavigateTo メソッド自体は、引数で渡されてきた行インデックスと可視列インデックスで指定されるセルが表 […]
Articles Tagged: IgbGrid
IgbLegend – チャート凡例の表示順を逆順にする、あるいは任意の順序に変更する
チャートの凡例 (IgbLegend) に表示されるカテゴリやシリーズの順序は、その定義順に従います。しかしながら、見た目上、各グラフの表示順とは逆に、凡例の各項目を表示したいケースもあります。 幸い、IgbLegend […]
IgbGrid – CSV エクスポート時の日付の書式を指定する
Blazor 向け UI コンポーネントライブラリ Ignite UI for Blazor に含まれるグリッドコンポーネント、IgbGrid では、以下のように IgbGridToolbar および IgbGridTo […]
IgbGrid – グリッドにデータが無い場合に表示されるテキストを変更する
Ignite UI for Blazor が提供するグリッドコンポーネント IgbGrid において、データが0件のとき初期設定では “Grid has no data.” と表示されます。表示さ […]
IgbGrid – セルのテンプレート内から、該当する行データや、同行の任意の列値を参照する方法
背景 Ignite UI for Blazor が提供するグリッドコンポーネント、IgbGrid コンポーネントを使ったプログラムにおいて、セル内の描画内容をカスタマイズするために、BodyTemplate や Inli […]
IgbGrid – プログラムコードから列の絞り込み (フィルタ) を適用する方法
残念ながら本ナレッジベース記事を作成している時点、Ignite UI for Blazor v.23.1 では、Blazor 側の C# コードからこれを実現する機能はまだ用意されておりません。代わりに JavaScri […]
IgbGrid – フォーカスが当たっているセルのデータを取得する方法
IgbGrid でフォーカスが当たっているアクティブなセルに紐づいたデータを取得したい場合は、アクティブなノードが変わったときに発生する ActiveNodeChange イベントコールバックを使ってアクティブセルの行イ […]
IgbGrid – 表示するデータと列定義情報を動的に切り替える
IgbGrid に表示するデータや列定義情報を動的に切り替える場合は、 で可能です。 1. 列情報を別途持つ 表示するデータのクラスのプロパティ名とその表示テキストを保持するクラスを定義します。 2. 列定義情報 […]
IgbGrid セルの値に応じて行全体の色を変える
IgbGrid でセルの値に応じて行全体の色を変えてみましょう。完成イメージはこんな感じになります。 方法 IgxGrid の RowClassesScript に RowClasses をハンドルする JavaSc […]
IgbGrid セルの値に応じてセルの色を変える
IgbGrid でセルの値に応じてセルの色を変えてみましょう。完成イメージはこんな感じになります。 方法 「在庫数」の IgbColumn の CellClassesScript に CellClasses をハンド […]