I'm working on ag-grid-vue. Currently, I have check box with name 'Checkbox Selection' and I've added a new checkbox colum with name 'Accept Media Pending' (Please look at the attached image). When I'm trying to click on one checkbox, the other checkbox is automatically selected. I want to handle each checkbox separately. How do I do it ?
[![enter image description here][1]][1]
My ag-grid-vue inside template looks like this
<ag-grid-vue :columnDefs="columnDefs"
:grid-options="gridOptions"
:rowData="rowData"
:rowHeight="rowHeight"
:showGrid="true"
class="ag-theme-alpine"
domLayout="autoHeight"
:rowClassRules="rowClassRules"
style="width:100%"
@grid-ready="onGridReady"
@row-selected="onRowSelected">
</ag-grid-vue>
Also, Below is the column Definitions in ag-grid-vue
createColumnDefs() {
return [
{
headerName: 'Share Status',
field: 'share_status',
filter: 'agSetColumnFilter',
filterParams: {
values: ['Original', 'Shared'],
excelMode: 'windows'
},
},
{
headerName: 'Product Type',
field: 'product_type_name',
filterParams: {
newRowsAction: 'keep',
}
},
{
field: 'checkboxSelection',
checkboxSelection: true,
suppressMenu: true,
filter: false,
sortable: false,
width: 75,
},
{
field: 'AcceptMediaPending',
checkboxSelection: true,
showDisabledCheckboxes: true,
width: 75,
}
]
}
Could someone please help me ? [1]: https://i.stack.imgur.com/340SZ.png
Aucun commentaire:
Enregistrer un commentaire