使ag-grid行可选而无需复选框

问题描述

我正在尝试在ag-grid中选择一个没有复选框的行。我不想使用here中所述的复选框，但如果需要的话，我会这样做，以便可以正常使用。现在，我的复选框select callback起作用了。 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',sortable: true,filter: true,

但是“选择”列没有复选框和我的农业网格

      <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}
      />

解决方法

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

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