IgrDataGrid クリックした行の色を変更する方法

IgrDataGridでクリックした行の色を変更したい場合は、

• 選択モードを”行”にする。
• cellSelectedBackgroundで色を指定する。

でできます。

<IgrDataGrid
  selectionMode="SingleRow"
  cellSelectedBackground="pink">
</IgrDataGrid>

　

実行結果

　

サンプル

　

ドキュメント、APIリファレンス

• React グリッドの選択
  • https://jp.infragistics.com/products/ignite-ui-react/react/components/data-grid-cell-selection.html
• selectionMode
  • https://www.infragistics.com/products/ignite-ui-react/api/docs/typescript/latest/classes/igrdatagrid.html#selectionmode
• cellSelectedBackground
  • https://www.infragistics.com/products/ignite-ui-react/api/docs/typescript/latest/classes/igrdatagrid.html#cellselectedbackground