{"id":1339,"date":"2020-11-06T07:06:28","date_gmt":"2020-11-06T07:06:28","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/2020\/11\/06\/add-delete-action-column-in-magento-2\/"},"modified":"2025-05-21T17:45:23","modified_gmt":"2025-05-21T12:15:23","slug":"add-delete-action-column-in-magento-2","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/add-delete-action-column-in-magento-2\/","title":{"rendered":"How to Add Delete Action Column in Magento 2"},"content":{"rendered":"\n

Alright, so the previous lecture<\/a> was all about displaying table data on the frontend. You may think, is it possible to delete which is saved and displayed on the frontend?<\/p>\n\n\n\n

Yes. It is possible and simple too.<\/p>\n\n\n\n

By adding delete column, one can delete the data easily. Or you can also add action column to admin UI grid<\/a> with delete and edit options.<\/p>\n\n\n\n

Programmatic Solution to Add Delete Action Column in Magento 2:<\/h2>\n\n\n\n

1. Change code in Showdata.php file at appcodeMeetanshiExtensionBlock<\/strong><\/em><\/p>\n\n\n\n

<?php\n\nnamespace Meetanshi\\Extension\\Block;\n\nuse Magento\\Framework\\View\\Element\\Template;\nuse Magento\\Backend\\Block\\Template\\Context;\nuse Meetanshi\\Extension\\Model\\ResourceModel\\Extension\\CollectionFactory;\n\nclass Showdata extends Template\n{\n\n    public $collection;\n\n    public function __construct(Context $context, CollectionFactory $collectionFactory, array $data = [])\n    {\n        $this->collection = $collectionFactory;\n        parent::__construct($context, $data);\n    }\n\n    public function getCollection()\n    {\n        return $this->collection->create();\n    }\n\n    public function getDeleteAction()\n    {\n        return $this->getUrl('extension\/index\/delete', ['_secure' => true]);\n    }\n\n}<\/pre>\n\n\n\n
2. Update showdata.phtml<\/strong> at appcodeMeetanshiExtensionviewfrontendtemplates<\/strong><\/em><\/p>\n\n\n\n
<?php\n    $collection = $block->getCollection();\nif ($collection->count()) {\n?>\n<div class=\"table-wrapper orders-history\">\n    <table class=\"data table table-order-items history\" id=\"my-orders-table\">\n        <caption class=\"table-caption\"><?php echo __('Grid Record') ?><\/caption>\n        <thead>\n        <tr>\n            <th scope=\"col\" class=\"col id\"><?php echo __('ID') ?><\/th>\n            <th scope=\"col\" class=\"col name\"><?php echo __('Name') ?><\/th>\n            <th scope=\"col\" class=\"col email\"><?php echo __('Email') ?><\/th>\n            <th scope=\"col\" class=\"col telephone\"><?php echo __('Telephone') ?><\/th>\n            <th scope=\"col\" class=\"col createat\"><?php echo __('Created At') ?><\/th>\n            <th scope=\"col\" class=\"col action\"><?php echo __('Action') ?><\/th>\n        <\/tr>\n        <\/thead>\n        <tbody>\n        <?php\n                foreach ($collection as $item): ?>\n        <tr>\n            <td data-th=\"<?= $block->escapeHtml(__('ID')) ?>\" class=\"col id\">\n                <?php echo $item->getId() ?>\n            <\/td>\n            <td data-th=\"<?= $block->escapeHtml(__('Name')) ?>\" class=\"col name\">\n                <?php echo $item->getName() ?>\n            <\/td>\n            <td data-th=\"<?= $block->escapeHtml(__('Email')) ?>\" class=\"col email\">\n                <?php echo $item->getEmail() ?>\n            <\/td>\n            <td data-th=\"<?= $block->escapeHtml(__('Telephone')) ?>\" class=\"col telephone\">\n                <?php echo $item->getTelephone() ?>\n            <\/td>\n            <td data-th=\"<?= $block->escapeHtml(__('Created At')) ?>\"\n                class=\"col title\"><?php echo date('Y-m-d', strtotime($item->getCreatedAt())); ?>\n            <\/td>\n            <td data-th=\"<?= $block->escapeHtml(__('Action')) ?>\" class=\"col delete\">\n                <a href=\"<?php echo $block->getDeleteAction() . 'id\/' . $item->getId(); ?>\"><?php echo __('Delete') ?><\/a>\n            <\/td>\n        <\/tr>\n        <?php endforeach; ?>\n        <\/tbody>\n    <\/table>\n<\/div>\n<?php\n    }\n    ?><\/pre>\n\n\n\n
After making changes in Showdata.php and showdata.phtml files, you will manage to add \u2018delete column\u2019 in Magento 2.<\/p>\n\n\n
\n
\"How<\/figure>\n<\/div>\n\n\n
That\u2019s it.<\/p>\n\n\n\n
Share with post with newbie Magento developers.<\/p>\n\n\n\n
Thank you.<\/p>\n\n\n\n