We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Need to add edit button in every row of the grid

HI Team,

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


4 Replies

MS Manivel Sellamuthu Syncfusion Team August 8, 2019 05:59 AM UTC

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. 

Please let us know, if you need further assistance.                            


BI Binu August 8, 2019 10:20 AM UTC


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


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}

MS Manivel Sellamuthu Syncfusion Team August 9, 2019 10:37 AM UTC

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.  


MS Manivel Sellamuthu Syncfusion Team August 28, 2019 08:51 AM UTC

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”.  

Manivel S 

Live Chat Icon For mobile
Up arrow icon