时间戳

首页 > 解决方案 > 为什么 ag-grid 复选框的行为是这样的

angular - 为什么 ag-grid 复选框的行为是这样的

问题描述

我正在使用 angular 6 的 ag-grid 复选框选择在弹出窗口中显示一些数据。因此，在单击复选框时选择行是有意义的。但是在我的情况下，只需单击列值也会导致复选框被选中。以下是我的问题的截图。我的问题图片

下面给出了我用于我的 ag-grid 的 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"}}]

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

标签： angularcheckboxag-grid

解决方案

添加

[suppressRowClickSelection]="true"

到您的网格选项

你可以在这里阅读更多关于它的信息

推荐阅读