Articles Tagged: IgbGrid

BodyTemplate を使ってセルのレンダリング内容をカスタマイズする Blazor 向け UI コンポーネント製品 Ignite UI for Blazor が提供するグリッドコンポーネント、IgbGrid につい […]

IgbGrid の NavigateToAsync メソッドを利用することで、スクロール位置を変更することができます。 NavigateToAsync メソッド自体は、引数で渡されてきた行インデックスと可視列インデックス […]

Blazor 向け UI コンポーネントライブラリ Ignite UI for Blazor に含まれるグリッドコンポーネント、IgbGrid では、以下のように IgbGridToolbar および IgbGridTo […]

Ignite UI for Blazor が提供するグリッドコンポーネント IgbGrid において、データが0件のとき初期設定では “Grid has no data.” と表示されます。表示さ […]

背景 Ignite UI for Blazor が提供するグリッドコンポーネント、IgbGrid コンポーネントを使ったプログラムにおいて、セル内の描画内容をカスタマイズするために、BodyTemplate や Inli […]

残念ながら本ナレッジベース記事を作成している時点、Ignite UI for Blazor v.23.1 では、Blazor 側の C# コードからこれを実現する機能はまだ用意されておりません。代わりに JavaScri […]

IgbGrid でフォーカスが当たっているアクティブなセルに紐づいたデータを取得したい場合は、アクティブなノードが変わったときに発生する ActiveNodeChange イベントコールバックを使ってアクティブセルの行イ […]

IgbGrid に表示するデータや列定義情報を動的に切り替える場合は、 で可能です。 　 1. 列情報を別途持つ 表示するデータのクラスのプロパティ名とその表示テキストを保持するクラスを定義します。 　 2. 列定義情報 […]

IgbGrid でセルの値に応じて行全体の色を変えてみましょう。完成イメージはこんな感じになります。 　 方法 IgxGrid の RowClassesScript に RowClasses をハンドルする JavaSc […]