Question

我正在使用角度为6的ag-grid复选框选择以在弹出窗口中显示一些数据，因此单击复选框即可选择该行，但是在我的情况下，仅单击列值也会导致选中的复选框。以下是我的问题的屏幕截图。Image of my issue

下面是我用于农业网格的html代码

<ag-grid-angular
    style="width:400px;height:274px" 
    class="ag-theme-blue"
    [rowData]="obj"
    [columnDefs]="ColumnDefs"
    [enableSorting]="true"
    [enableFilter]="true"
    [rowSelection]="row"
    (rowSelected)="onRowSelected($event)"

    [rowMultiSelectWithClick]="true"
    (gridReady)="onGridReady($event)"


    [enableColResize]="true"


    >

    </ag-grid-angular>

下面是我的网格定义，我已经在ngOnInit函数中对其进行了初始化。

this.ColumnDefs=[ {"checkboxSelection":true,"headerName":"Intf","field":"outboundName",sortingOrder: ['asc','desc', 'null'],width:90,cellStyle:{'text-align': "left"}},
{"headerName":"Comp","field":"success_no",sortingOrder: ['asc','desc', 'null'],width:75,cellStyle:{'text-align': "left"}},
{"headerName":"Fail","field":"fail_no",sortingOrder: ['asc','desc', 'null'],width:75,cellStyle:{'text-align': "left"}},
{"headerName":"Exec","field":"running_no",sortingOrder: ['asc','desc', 'null'],width:75,cellStyle:{'text-align': "left"}},

{"headerName":"Total","field":"total",sortingOrder: ['asc','desc', 'null'],width:75,cellStyle:{'text-align': "left"}}]

所以请帮助我了解发生了什么事？

Answer 1

添加

[suppressRowClickSelection]="true"

进入网格选项

您可以详细了解here

为什么ag-grid复选框会像这样

1 个答案: