Ag-grid row drag property is not working in angular component

-> [rowDragManaged]="true" this property is not working in my ag-grid component

-> Check the image one from the backend team I got rowdrag true property in columnDefs

->In image 2 in the UI also it is applied

->But in image 3 when I add [rowDragManaged]="true" in my HTML ag-grid component it is disappearing from the UI how to fix it and make row drag work properly here

, ,

<div @fadeIn>
<ag-grid-angular
style="width: 100%; height: calc(94vh - 150px);"
class="ag-theme-balham"
[rowData]="agGridOptions?.results"
[columnDefs]="agGridOptions?.columnDefs"
[rowDragManaged]="true"
[animateRows]="animateRows"
[rowGroupPanelShow]="'always'"
[floatingFilter]="agGridOptions?.floatingFilter"
[paginationAutoPageSize]="paginationAutoPageSize"
[paginationPageSize]="paginationPageSize"
[pagination]="pagination"
(modelUpdated)="onDataRendered($event)"
(rowClicked)="onRowClicked($event?.data)"
(rowSelected)="onRowSelected($event)">
</ag-grid-angular>
</div>

Continue reading...