如何解决使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,则单击时不会选择行。例如,当您想要复选框选择时使用,并且不想在单击该行时也选择该行。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。