Articles Tagged: IgbGrid

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

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

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

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

IgbGrid の Date タイプ列に関して、フィルタに表示されるデフォルトの日付フォーマットは、以下のようになっております。 “dd/mm/yyyy HH:mm:ss” 　 これを上図のように […]

こちらの記事は IgniteUI.Blazor 24.1.67までのバージョンを対象としています。 IgbGridの選択された行のデータはSelectedRowsプロパティより取得できます。 KB10499-Blazor […]

現象 BodyTemplate テンプレートパラメータを含む IgbGrid を、Blazor Server 上、または対話型サーバーモード (@rendermode=”InteractiveServer&# […]

IgbGrid では、列ごとの BodyTemplate テンプレートパラメータを指定することで、セル内に任意のコンテンツを配置することができます。これを利用して、IgbGrid 内の各行に、行を削除する用の「削除」ボタ […]

Ignite UI for Blazor のグリッドコンポーネント IgbGrid にはビルトインで CSS カスタムプロパティが組み込まれています。それら CSS カスタムプロパティの値を上書きすることで、 といったカ […]