Ag-Grid：如何在不选择行的情况下单击行或该行的任何单元格突出显示特定行？

Posted 2023-03-28

【中文标题】Ag-Grid：如何在不选择行的情况下单击行或该行的任何单元格突出显示特定行？

【英文标题】：Ag-Grid: How to highlight a specific row on click on the row or any cell of that row, without selecting the row?

【发布时间】：2020-10-30 23:34:51

【问题描述】：

我正在使用 ag-grid 并有复选框来选择行。 我想要做的是，只要用户单击该行的任何行或单元格，整个行就会突出显示，无需选择该行。

【问题讨论】：

任何获取行 dom 节点 onRowClicked 事件并为其添加样式的命令式方法也是可以接受的。

【参考方案1】：

我认为您最好的解决方案是使用onCellClicked 回调，并将行设置为选中。看看这段代码：

<AgGridReact
    onCellClicked=this.cellClicked
    columnDefs=this.state.columnDefs
    rowData=this.state.rowData
/>

还有你的回调方法：

cellClicked(params) 
    params.node.setSelected(true)

Here 是您的 StackBlitz 示例。