Ignite UI for React

IgrDataGrid ヘッダークリックによる並べ替え機能を無効化する方法

IgrDataGridはデフォルトの状態でヘッダーをクリックするとデータがソートされます。このヘッダークリックによるソート機能を無効化したい場合は、IgrDataGridのheaderClickActionアクセサでNo […]

IgrNumericColumnのテキストを左寄せにするには、horizontalAlignmentアクセサに”left”を指定してください。　実行結果　サンプル　 APIリファレンス […]

Ignite UI for React 製品に含まれる、Excel ライブラリを利用することで、データを Excel ファイルに出力することができます。今回は、IgrDataGrid でフィルタやソートなどを実施した結果 […]

IgrDataGrid のヘッダーとセルのフォント種類を変更することができます。ヘッダーは headerTextStyle プロパティ、セルは cellTextStyle プロパティにそれぞれフォント情報を割り当てます […]

IgrDataGridで、コードで行を選択する場合は、IgrDataGridのselectedItemsコレクションに選択したい行のデータを追加してください。　実行結果　サンプル　 APIリファレンス IgrD […]

IgrDataGridでクリックした行の色を変更したい場合は、選択モードを”行”にする。 cellSelectedBackgroundで色を指定する。でできます。　実行結果　サンプル […]

IgrDataGridでマウスカーソルをホバーした行の背景色を変更するには、rowHoverBackgroundで設定してください。　実行結果　サンプル　ドキュメント React Grid 強調表示 http […]

IgrDataChartの棒グラフ（IgrColumnSeries）の棒の色を条件に応じて色分けする場合は、 IgrColumnSeriesのisCustomCategoryStyleAllowedをtrueにする。 I […]

IgrDataChartで棒グラフを作成したサンプルです。プロンプトで、 npm install npm start で実行できます。　サンプル　

IgrDataGridでクリックされた行の情報を取得するには、cellClickedイベントを利用し、セルがクリックされたタイミングでイベント引数IgrGridCellEventArgsより行データを含むIgrCellI […]