在沒有復選框的情況下使 ag-grid 行可選

Question

我正在嘗試在沒有復選框的情況下在 ag-grid 中選擇一行。 我不想使用此處描述的復選框，但如果必須，我會這樣做，這樣我就可以讓它工作。 現在我有復選框 select 回調工作。 是否有另一種方法讓 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}
      />

Answer 1

刪除suppressRowClickSelection={true} ，你應該會很好。 取自ag-grid 文檔：

suppressRowClickSelection ：如果為 true，則單擊時不會選擇行。 例如，當您想要選擇復選框，並且不想在單擊行時也 select 時使用該行。