Ignite UI for Blazor

IgbGrid – セル編集時の自動数値換算

方法 IgbGrid 内のセルを編集すると、他のセルの値が自動的に計算され更新される機能を実装した例を紹介します。例として、ユーザーが距離の単位をセンチメートル、メートル、キロメートルのいずれかで入力できるようにしました […]

本記事では Excel ライブラリーを使用して文字列の色・フォント、およびセルの色・罫線にフォーマットを指定します。以下に、Excelファイルを作成しダウンロードするためのサンプルコードを示します。実行結果指定したフ […]

方法 IgbGrid を使用して特定の条件に基づいてセルの編集を制御する方法について説明します。例として、下図のように “編集可否列” の値が “true” の行のみを編集 […]

パスワードで保護されたExcelファイルは暗号化されているため、そのままではWorkbook.Load()メソッドにてWorkbookインスタンス化することができません。 WorkbookLoadOptionsのOpen […]

IgbGrid を使用して表を作成する際に、グリッド内の文字列の大きさやフォントをどのように変更するかについて説明します。方法文字列の大きさやフォントを変更するには、CSS を使用してスタイルを設定します。具体的には […]

IgbGridの行セレクター機能を使用し、IgbGridの行の先頭に行番号を表示することができます。 IgbGridのRowSelectionプロパティを「GridSelectionMode.Multiple」と設定する […]

IgbInput において、@bind-Value よりデータをバインディングすることができますが、string 型しか対応していません。ここでは double 型や int 型等をバインディングする方法を紹介します。 […]

IgbGridではMovingプロパティをtrueに設定することにより、マウスドラッグでの列の並べ替えが可能になります。並べ替え後の列順はjavascriptコードにてグリッドのcolumnsコレクションより取得するこ […]

IgbDataChart のツールチップを表示するために使用する IgbDataToolTipLayer は、通常省略形を使用した値をテキストとして表示されます。下図のようにデフォルトだと値が “1,00 […]

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