IgbPieChart の円グラフはデフォルトで右横 (3時の方向) から開始します。これを真上 (12時の方向) から開始させたい場合は、StartAngle に -90 を指定してください。 実行結果 API […]
Category: Ignite UI for Blazor
IgbGrid – グリッドの高さを動的に設定する方法
IgbGrid において、グリッドの高さを行に合わせて動的に調整する方法を紹介します。これにより、行数に応じてグリッドの高さが変わり、不必要なスクロールバーを表示する必要はありません。 IgbGrid の設定 まず、Ig […]
IgbGrid – 数値入力時にスピンボタンを表示する
IgbGrid において数値を編集する際、入力系コンポーネントである Igbinput のように、数値を増減できるスピンボタンを表示する方法についてご紹介いたします。 CSSスタイルの設定 まず、スピンボタンの表示を有効 […]
IgbGrid – セルを編集中に他のコンポーネントがクリックされた際に値をコミットする
IgbGridでは編集中のセルの値がコミットされるのはEnterキーが押される、または他のセルがクリックされた時です。他のコンポーネントがクリックされた時など、その他のタイミングで編集中の値をコミットさせるには、java […]
IgbHierarchicalGrid – 子行がない場合に展開インジケーターを表示しないようにする
IgbHierarchicalGrid で子行がない場合に展開インジケーターを非表示にしたい場合は、親のデータモデル側に子行があるかどうかを示す bool 型のプロパティを用意し、そのプロパティ名を IgbHierarc […]
IgbGrid – ヘッダーとセルにクラスを適用する方法
IgbGrid における、ヘッダーとセルに特定のクラスを適用する方法についてご紹介します。 IgbGrid の設定 IgbColumn の HeaderClasses プロパティより任意のクラスをそのまま適用することがで […]
IgbGrid – 特定の列をエクスポートから除外する方法
IgbGrid において、特定の列をユーザーに表示しながらも、エクスポート時にはその列を除外する方法についてご紹介します。例として、ユーザーのアイコン画像など、表示は必要ですが、エクスポートしたデータファイルには画像デー […]
IgbDataChart – 軸ラベルのフォーマットを変えたい
IgbDataChart において、軸ラベルのフォーマットを変更する方法を紹介します。ここでは、X 軸のラベルをドル形式で表示し、小数点以下を最大 2 桁まで表示する設定方法を例にします。 軸の設定 IgbNumeric […]
IgbGrid – セル編集時の自動数値換算
方法 IgbGrid 内のセルを編集すると、他のセルの値が自動的に計算され更新される機能を実装した例を紹介します。例として、ユーザーが距離の単位をセンチメートル、メートル、キロメートルのいずれかで入力できるようにしました […]
Blazor で 特定のフォーマットで Excel ファイルを作成する方法
本記事では Excel ライブラリーを使用して文字列の色・フォント、およびセルの色・罫線にフォーマットを指定します。以下に、Excelファイルを作成しダウンロードするためのサンプルコードを示します。 実行結果 指定したフ […]