Articles Tagged: IgbGrid

IgbGrid の CellClick イベントコールバック プロパティでクリックされたセルの行 ID や行データを取得したい場合、まず行 ID については引数として渡されてくる IgbGridCellEventArgs […]

IgbGrid を使用して表を作成する際、ヘッダーの文字列を特定の方向に寄せる方法があります。これには、左寄せ、中央寄せ、右寄せなどがありますが、今回は左寄せと中央寄せの方法を紹介します。 方法 まず、ヘッダーの各列に対 […]

IgbGrid におけるグリッドのヘッダーとセル内の文字列を改行する方法についてご紹介します。 ヘッダー内の改行 ヘッダー内の改行 ヘッダーに “最高気温” と “[℃]” […]

IgbGridにバインドされたデータソースの行に変更を加えた場合、そのままではグリッドセルの見た目は更新されません。IgbGridのNotifyUpdateItem()メソッドを実行し、データの変更をグリッドに通知してく […]

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.” と表示されます。表示さ […]