Articles Tagged: IgbGrid

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 […]

IgbGrid でセルの値に応じてセルの色を変えてみましょう。完成イメージはこんな感じになります。 　 方法 「在庫数」の IgbColumn の CellClassesScript に CellClasses をハンド […]

IgbGridのグループヘッダー（複数列ヘッダー）の背景色を設定する場合は、IgbColumnGroup の HeaderGroupClasses にCSSクラスを指定してください。 　 実行結果 　 サンプル &#82 […]