React の環境構築を create-react-appで実施すると現在(2022年6月 時点)React 18 がインストールされます。 現在、npm install でインストールする Ignite UI for […]
Category: Ignite UI for React
IgrSpreadsheet コンテキストメニュー表示を無効にする方法
スプレッドシート上で右クリック時に発生する contextMenuOpening イベントで渡されてくる引数の cancel プロパティに true を設定することで、コンテキストメニュー表示を無効にすることができます。 […]
IgrDataGrid – テンプレート機能を利用してセルに任意のユーザーコントロールを配置する
IgrDataGrid ではテンプレート列機能が提供されております。任意のユーザーコントロールを埋め込み、行に対する機能を追加するなど、グリッドコントロールをカスタマイズすることができます。 実装コード サンプル 製品ヘ […]
IgrDataGrid ヘッダークリックによる並べ替え機能を無効化する方法
IgrDataGridはデフォルトの状態でヘッダーをクリックするとデータがソートされます。このヘッダークリックによるソート機能を無効化したい場合は、IgrDataGridのheaderClickActionアクセサでNo […]
IgrDataGrid IgrNumericColumnのテキストを左寄せにする方法
IgrNumericColumnのテキストを左寄せにするには、horizontalAlignmentアクセサに”left”を指定してください。 実行結果 サンプル APIリファレンス […]
IgrDataGrid: フィルタやソートの結果を反映した状態でエクセルに出力する
Ignite UI for React 製品に含まれる、Excel ライブラリを利用することで、データを Excel ファイルに出力することができます。今回は、IgrDataGrid でフィルタやソートなどを実施した結果 […]
IgrDataGrid ヘッダーとセルのフォント種類の変更
IgrDataGrid のヘッダーとセルのフォント種類を変更することができます。 ヘッダーは headerTextStyle プロパティ、セルは cellTextStyle プロパティにそれぞれフォント情報を割り当てます […]
IgrDataGrid コードで行を選択する。
IgrDataGridで、コードで行を選択する場合は、IgrDataGridのselectedItemsコレクションに選択したい行のデータを追加してください。 実行結果 サンプル APIリファレンス IgrD […]
IgrDataGrid クリックした行の色を変更する方法
IgrDataGridでクリックした行の色を変更したい場合は、 選択モードを”行”にする。 cellSelectedBackgroundで色を指定する。 でできます。 実行結果 サンプル […]
IgrDataGrid ホバーした行の背景色を変更する方法
IgrDataGridでマウスカーソルをホバーした行の背景色を変更するには、rowHoverBackgroundで設定してください。 実行結果 サンプル ドキュメント React Grid 強調表示 http […]