Hello Magento Friends,

Hope all are well and good. Today I am here with the most useful topic for all the Magento store owners, How to Add Inline Edit Functionality in Magento 2 Backend Grid.

As we all know Magento 2 provides the functionality to show no. of rows for a particular table in a grid format or you can say that tabular format in the backend of the store. The admin can also perform different actions like add a new row, delete, or update.

But if we want to update any row then we need to select edit action for that particular row and this will redirect us to a new page. Magento 2 also provide inline edit functionality and with the help of that, we can directly edit row from grid. This makes the admin work quick and easy. 

So let us learn How to Add Inline Edit Functionality in Magento 2 Backend Grid

Steps to Add Inline Edit Functionality in Magento 2 Backend Grid:

Step 1: To do this add/update the below code in your file vendor_extension_data_listing.xml available at the below path:

app\code\Vendor\Extension\view\adminhtml\ui_component folder

Step 2: Next create an InlineEdit.php file inside 

app\code\Vendor\Extension\Controller\Adminhtml\Data folder

and add this code:

And finally clear cache.

Now, the inline edit functionality is added to your Magento 2 admin grid.

inline edit

Conclusion:

Hence with the help of the above code, you can successfully Add Inline Edit Functionality in Magento 2 Backend Grid. In case of any difficulty, mention in the comment part. Do share the article within your Magento friends group. Stay updated for more Magento tutorials. 

Happy Coding!

[Total: 5   Average: 5/5]