在没有复选框的情况下使 ag-grid 行可选答案

【问题标题】：Make ag-grid row selectable without a checkbox在没有复选框的情况下使 ag-grid 行可选
【发布时间】：2020-12-10 04:29:02
【问题描述】：

我正在尝试在没有复选框的情况下在 ag-grid 中选择一行。我不想使用here 中描述的复选框，但如果需要，我会这样做，这样我就可以让它工作。现在我已经让复选框选择回调工作了。是否有另一种方法让 ag-grid 捕获单击行上任意位置的事件，以便我可以摆脱额外的“选择”列？我在文档中没有看到任何内容。

现在这是我的列定义

export const labelMap = [
  {
    headerName: 'Select',
    headerTooltip: 'Select',
    field: 'select',
    width: myColWidth,
    sortable: false,
    filter: false,
    checkboxSelection: true,
  },
  {
    headerName: 'Id',
    headerTooltip: 'Id',
    field: 'id',
    width: myColWidth,
    sortable: true,
    filter: true,
  },

但“选择”列没有复选框和我的 ag-grid

      <AgGridReact
        columnDefs={columnDefs}
        rowData={rowData}
        onGridReady={onGridReady}
        rowDataChangeDetectionStrategy="IdentityCheck"
        defaultColDef={defaultColumnDef}
        columnTypes={columnTypes}
        rowSelection="multiple"
        onSelectionChanged={onSelectionChanged}
        onRowSelected={onRowSelected}
        enableCellTextSelection
        suppressRowClickSelection="true"
        isRowSelectable={isRowSelectable}
        getRowNodeId={getRowNodeId}
        onRowDataChanged={onRowDataChanged}
        onFilterChanged={onFilterChanged}
        onSortChanged={onSortChanged}
        onFirstDataRendered={onFirstDataRendered}
        {...gridProps}
      />

【问题讨论】：

标签： javascript reactjs ag-grid ag-grid-react

【解决方案1】：

删除suppressRowClickSelection={true}，你应该会很好。取自ag-grid docs：

suppressRowClickSelection：如果为 true，则单击时不会选择行。例如，当您想要选择复选框，并且不想在单击该行时也选择该行时使用。

【讨论】：