Need to add edit button in every row of the grid

[Binu]

HI Team,

How can i add edit button in every row, instead of adding in the toolbar.

Thanks,

Binu

[Manivel Sellamuthu]

Hi Binu, 

Thanks for contacting us. 

You can use commandColumn feature of the Grid to achieve your requirement. 

Please find the below documentation link and demo for more information. 

Documentation: https://ej2.syncfusion.com/react/documentation/grid/edit/?no-cache=1#command-column 

Demo: https://ej2.syncfusion.com/react/demos/#/material/grid/command-column 

Please let us know, if you need further assistance.                            

 

Regards, 

Manivel 

[Binu]

HI,

When i dynamically generate or load the columns its not working.

Thanks,

const columns=[

// { type:'checkbox' , width:'60'},

{ field: 'OrderID', headerText: 'Order ID', width: 120, type: 'number', editType:"numericedit" },

{ field: 'CustomerID', width: 140, headerText: 'Customer ID', type: 'string', allowFiltering:false },

{ field: 'ShipCity', width: 140, headerText: 'Ship City', type: 'string' },

{ field: 'OrderDate', width: 140, headerText: 'Order Date', type: 'date',format:'yMd', editType:"datetimepickeredit" } ,

{ headerText:'Manage Records', width:'160', commands:{command} }

];

than i am binding the columns to the grid gridColumns={columns}

[Manivel Sellamuthu]

Hi Binu, 

Thanks for your update. 

We are able to reproduce the reported issue at our end. We have logged a bug task for the reported issue as “Command column was not working when dynamically added in columnModel”. Thank you for taking  time to report this issue and helping us improve our product. At Syncfusion, we are committed to fixing all validated defects (subject to technological feasibility and Product Development Life Cycle ) and including the defect fix in our upcoming Patch Release Aug 28 2019. 

 

Until then we appreciate your patience.  

 

You can now track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this link.  

   

https://www.syncfusion.com/feedback/8124/command-column-was-not-working-when-dynamically-added-in-columnmodel 

Regards, 

Manivel 

 

[Manivel Sellamuthu]

Hi Binu,  

  

Thanks for your patience.  

  

We are glad to announce that our Essential JavaScript 2 patch release (17.2.47) has been rolled out successfully and in that release, we have refreshed the fix for the issue “Command column was not working when dynamically added in columnModel”.  

Regards, 

Manivel S