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
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Need to add edit button in every row of the grid

Thread ID:





146553 Aug 8,2019 05:09 AM UTC Aug 28,2019 08:51 AM UTC React - EJ 2 4
Tags: Grid
Asked On August 8, 2019 05:09 AM UTC

HI Team,

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


Manivel Sellamuthu [Syncfusion]
Replied On 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.                            


Replied On 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}

Manivel Sellamuthu [Syncfusion]
Replied On 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.  


Manivel Sellamuthu [Syncfusion]
Replied On 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 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon