![\"Action](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2023\/05\/Example-of-action-column-in-admin-ui-grid-in-Magento-2.png\")
<\/figure>\n<\/div>\n\n\nMagento developers, working on modules, often create custom admin UI grids<\/a>. These grids can be customized by editing the specific In this solution post, find the complete method to add action column to admin UI grid in Magento 2.<\/p>\n\n\n\n To add action column to admin UI grid in Magento 2, you can use the ActionColumn<\/a> component in the Here\u2019s how to do that:<\/p>\n\n\n\n In the above codes, remember to replace Vendor and Extension accordingly.<\/p>\n\n\n\n The first section of the code defines and configures the Action column in the respective UI grid. The second .php file defines the behavior of the column. In the above example, the That\u2019s it! I hope the above steps will help you learn how to add action column in admin grid in Magento 2. Likewise you can also\u00a0add image thumbnail column in Magento 2<\/a>\u00a0admin UI grid. To add Inline Edit in UI Grid in Magento 2 Backend<\/a> you can refer to our blog.<\/p>\n\n\n\n Did this solution help you? Share it with your developer friends via social media and spread the knowledge.<\/p>\n\n\n\n Thank You! <\/p>\n","protected":false},"excerpt":{"rendered":" Magento 2 store owners can easily manage the products, customers, orders, and other information through grids. The action column enables you to perform record-specific actions…<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-2795","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/2795","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=2795"}],"version-history":[{"count":7,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/2795\/revisions"}],"predecessor-version":[{"id":18626,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/2795\/revisions\/18626"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=2795"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=2795"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=2795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}.xml<\/code> files. Adding the action columns to the admin UI grid in Magento 2 can help the merchant easily manage the records.<\/p>\n\n\n\nMethod to Add Action Column in Admin Grid in Magento 2<\/h2>\n\n\n\n
.xml<\/code> file of the respective grid.<\/p>\n\n\n\n\n
<actionsColumn name=\"actions\" class=\"Vendor\\Extension\\Ui\\Component\\Listing\\Column\\Actions\">\n <argument name=\"data\" xsi:type=\"array\">\n <item name=\"config\" xsi:type=\"array\">\n <item name=\"resizeEnabled\" xsi:type=\"boolean\">false<\/item>\n <item name=\"resizeDefaultWidth\" xsi:type=\"string\">107<\/item>\n <item name=\"indexField\" xsi:type=\"string\">id<\/item>\n <\/item>\n <\/argument>\n<\/actionsColumn><\/pre>\n\n\n\n
\n
<?php\n\nnamespace Vendor\\Extension\\Ui\\Component\\Listing\\Column;\n\nuse Magento\\Framework\\View\\Element\\UiComponent\\ContextInterface;\nuse Magento\\Framework\\View\\Element\\UiComponentFactory;\nuse Magento\\Ui\\Component\\Listing\\Columns\\Column;\nuse Magento\\Framework\\UrlInterface;\n\nclass Actions extends Column\n{\n const EDIT_PATH = 'extension\/folder\/controller';\n\n protected $urlBuilder;\n\n public function __construct(\n ContextInterface $context,\n UiComponentFactory $uiComponentFactory,\n UrlInterface $urlBuilder,\n array $components = [],\n array $data = []\n ) {\n $this->urlBuilder = $urlBuilder;\n parent::__construct($context, $uiComponentFactory, $components, $data);\n }\n\n public function prepareDataSource(array $dataSource)\n {\n if (isset($dataSource['data']['items'])) {\n foreach ($dataSource['data']['items'] as & $item) {\n $name = $this->getData('name');\n if (isset($item['id'])) {\n $item[$name]['edit'] = [\n 'href' => $this->urlBuilder->getUrl(self::EDIT_PATH, ['id' => $item['id']]),\n 'label' => __('Edit')\n ];\n }\n }\n }\n\n return $dataSource;\n }\n}<\/pre>\n\n\n\nprepareDataSource<\/code> function generates individual links to edit each of the records.<\/p>\n\n\n\n