{"id":1685,"date":"2020-04-02T03:29:20","date_gmt":"2020-04-02T03:29:20","guid":{"rendered":"https:\/\/www.magetop.com\/blog\/?p=1685"},"modified":"2021-07-22T02:56:21","modified_gmt":"2021-07-22T02:56:21","slug":"how-to-create-admin-grid-in-magento","status":"publish","type":"post","link":"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/","title":{"rendered":"How To Create Admin Grid In Magento 2"},"content":{"rendered":"\n

In this lesson, I will show you How To Create Admin Grid In Magento 2. This is a very important lesson, but don’t forget to refer to the previous article: How To Use Event In Magento 2<\/a>.<\/p>\n\n\n\n

You should read the Magento 2 Extension Tutorial step by step.<\/p>\n\n\n\n

Module File Structure<\/h2>\n\n\n\n

We updated our module file structure looks as follows:<\/p>\n\n\n\n

\"create<\/figure>\n\n\n\n

Create a backend router<\/h2>\n\n\n\n

First, we create a file with the following path: Magetop\/Helloworld\/etc\/adminhtml\/routes.xml.<\/p>\n\n\n

\n<?xml version="1.0" encoding="UTF-8"?>\n<!--\n\/**\n * routes\n *\n * @copyright Copyright \u00a9 2020 Magetop. All rights reserved.\n * @author    info@magetop.com\n *\/\n-->\n<config xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:App\/etc\/routes.xsd">\n    <router id="admin"> <!-- standard or admin -->\n        <route id="helloworld" frontName="helloworld">\n            <module name="Magetop_Helloworld" \/>\n        <\/route>\n    <\/router>\n<\/config>\n<\/pre><\/div>\n\n\n
Create an admin menu<\/h2>\n\n\n\n
You create a menu file according to the path:  Magetop\/Helloworld\/etc\/adminhtml\/menu.xml.<\/p>\n\n\n
\n<?xml version="1.0" encoding="UTF-8"?>\n<!--\n\/**\n * menu\n *\n * @copyright Copyright \u00a9 2020 Magetop. All rights reserved.\n * @author    info@magetop.com\n *\/\n-->\n<config xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Backend:etc\/menu.xsd">\n    <menu>\n        <add id="Magetop_Helloworld::helloworld_menu" title="Magetop Helloworld" module="Magetop_Helloworld" sortOrder="20" resource="Magetop_Helloworld::helloworld" \/>\n        <add id="Magetop_Helloworld::posts_menu" title="Magetop Helloworld" module="Magetop_Helloworld" sortOrder="1" parent="Magetop_Helloworld::helloworld_menu" action="helloworld\/posts\/index" resource="Magetop_Helloworld::posts" \/>\n    <\/menu>\n<\/config>\n<\/pre><\/div>\n\n\n
You can see the menu in Magento Admin Panel.<\/p>\n\n\n\n
\"menu<\/figure>\n\n\n\n
Create Controller<\/h2>\n\n\n\n
You create file Posts.php in Magetop\/Helloworld\/Controller\/Adminhtml\/Posts.php.<\/p>\n\n\n
\n<?php\nnamespace Magetop\\Helloworld\\Controller\\Adminhtml;\n\nuse Magento\\Backend\\App\\Action;\nuse Magento\\Backend\\App\\Action\\Context;\nuse Magento\\Framework\\Registry;\nuse Magento\\Framework\\View\\Result\\PageFactory;\nuse Magetop\\Helloworld\\Model\\PostsFactory;\n\nclass Posts extends Action\n{\n    protected $_coreRegistry;\n    protected $_resultPageFactory;\n    protected $_postsFactory;\n\n    public function __construct(\n        Context $context,\n        Registry $coreRegistry,\n        PageFactory $resultPageFactory,\n        PostsFactory $postsFactory\n    ) {\n        parent::__construct($context);\n        $this->_coreRegistry = $coreRegistry;\n        $this->_resultPageFactory = $resultPageFactory;\n        $this->_postsFactory = $postsFactory;\n\n    }\n    public function execute()\n    {\n\n    }\n\n    protected function _isAllowed()\n    {\n        return true;\n    }\n}\n<\/pre><\/div>\n\n\n
Next, create Index.php and Grid.php with the following path: <\/p>\n\n\n\n
Magetop\/Helloworld\/Controller\/Adminhtml\/Posts\/Index.php.<\/p>\n\n\n
\n<?php\nnamespace Magetop\\Helloworld\\Controller\\Adminhtml\\Posts;\n\nuse Magetop\\Helloworld\\Controller\\Adminhtml\\Posts;\nuse Magetop\\Helloworld\\Model\\PostsFactory;\nuse Magento\\Backend\\App\\Action\\Context;\nuse Magento\\Framework\\Registry;\nuse Magento\\Framework\\View\\Result\\PageFactory;\n\nclass Index extends Posts\n{\n    public function __construct(\n        Context $context,\n        Registry $coreRegistry,\n        PageFactory $resultPageFactory,\n        PostsFactory $postsFactory\n    )\n    {\n        parent::__construct($context, $coreRegistry, $resultPageFactory, $postsFactory);\n    }\n    public function execute()\n    {\n        if ($this->getRequest()->getQuery('ajax')) {\n            $this->_forward('grid');\n            return;\n        }\n\n        \/** @var \\Magento\\Backend\\Model\\View\\Result\\Page $resultPage *\/\n        $resultPage = $this->_resultPageFactory->create();\n        $resultPage->setActiveMenu('Magetop_Helloworld::helloworld_menu');\n        $resultPage->getConfig()->getTitle()->prepend(__('Manage Posts'));\n\n        return $resultPage;\n    }\n}\n<\/pre><\/div>\n\n\n
Magetop\/Helloworld\/Controller\/Adminhtml\/Posts\/Grid.php.<\/p>\n\n\n
\n<?php\nnamespace Magetop\\Helloworld\\Controller\\Adminhtml\\Posts;\n\nuse Magetop\\Helloworld\\Controller\\Adminhtml\\Posts;\n\nclass Grid extends Posts\n{\n    public function execute()\n    {\n        return $this->_resultPageFactory->create();\n    }\n}\n<\/pre><\/div>\n\n\n
Create Block<\/h2>\n\n\n\n
Create Posts.php in Magetop\/Helloworld\/Block\/Adminhtml\/Posts.php.<\/p>\n\n\n
\n<?php\nnamespace Magetop\\Helloworld\\Block\\Adminhtml;\n\nuse Magento\\Backend\\Block\\Widget\\Grid\\Container;\n\nclass Posts extends Container\n{\n    protected function _construct()\n    {\n        $this->_controller = 'adminhtml_posts';\n        $this->_blockGroup = 'Magetop_Helloworld';\n        $this->_headerText = __('Manage Posts');\n        $this->_addButtonLabel = __('Add New Post');\n        parent::_construct();\n    }\n}\n<\/pre><\/div>\n\n\n
Create three layout file<\/h2>\n\n\n\n
First, create helloworld_posts_index.xml according to the path: Magetop\/Helloworld\/view\/adminhtml\/layout\/helloworld_posts_index.xml.<\/p>\n\n\n
\n<?xml version="1.0" encoding="UTF-8"?>\n<!--\n\/**\n * helloworld_posts_index\n *\n * @copyright Copyright \u00a9 2020 Magetop. All rights reserved.\n * @author    info@magetop.com\n *\/\n-->\n<page xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd">\n    <update handle="formkey"\/>\n    <update handle="helloworld_posts_grid_block"\/>\n    <body>\n        <referenceContainer name="content">\n            <block class="Magetop\\Helloworld\\Block\\Adminhtml\\Posts" name="helloworld_posts_grid_block.grid.container" \/>\n        <\/referenceContainer>\n    <\/body>\n<\/page>\n<\/pre><\/div>\n\n\n
Next, you create helloworld_posts_grid.xml follow the path above.<\/p>\n\n\n
\n<?xml version="1.0" encoding="UTF-8"?>\n<!--\n\/**\n * helloworld_posts_grid\n *\n * @copyright Copyright \u00a9 2020 Magetop. All rights reserved.\n * @author    info@magetop.com\n *\/\n-->\n<layout xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View\/Layout\/etc\/layout_generic.xsd">\n    <update handle="formkey"\/>\n    <update handle="helloworld_posts_grid_block"\/>\n    <container name="root">\n        <block class="Magento\\Backend\\Block\\Widget\\Grid\\Container" name="helloworld_posts_grid_block.grid.container" template="Magento_Backend::widget\/grid\/container\/empty.phtml"\/>\n    <\/container>\n<\/layout>\n\n<\/pre><\/div>\n\n\n
Finally, you create helloworld_posts_grid_block.xml.<\/p>\n\n\n
\n<?xml version="1.0" encoding="UTF-8"?>\n<!--\n\/**\n * helloworld_posts_grid_block\n *\n * @copyright Copyright \u00a9 2020 Magetop. All rights reserved.\n * @author    info@magetop.com\n *\/\n-->\n<page xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd">\n    <body>\n        <referenceBlock name="helloworld_posts_grid_block.grid.container">\n            <block class="Magento\\Backend\\Block\\Widget\\Grid" name="helloworld_posts_grid_block.grid" as="grid">\n                <arguments>\n                    <argument name="id" xsi:type="string">id<\/argument>\n                    <argument name="dataSource" xsi:type="object">Magetop\\Helloworld\\Model\\ResourceModel\\Posts\\Collection<\/argument>\n                    <argument name="default_sort" xsi:type="string">id<\/argument>\n                    <argument name="default_dir" xsi:type="string">ASC<\/argument>\n                    <argument name="save_parameters_in_session" xsi:type="boolean">true<\/argument>\n                    <argument name="use_ajax" xsi:type="boolean">true<\/argument>\n                <\/arguments>\n                <block class="Magento\\Backend\\Block\\Widget\\Grid\\ColumnSet" name="helloworld_posts_grid_block.grid.columnSet" as="grid.columnSet">\n                    <arguments>\n                        <argument name="rowUrl" xsi:type="array">\n                            <item name="path" xsi:type="string">*\/*\/edit<\/item>\n                        <\/argument>\n                    <\/arguments>\n                    <block class="Magento\\Backend\\Block\\Widget\\Grid\\Column" as="post_id">\n                        <arguments>\n                            <argument name="header" xsi:type="string" translate="true">ID<\/argument>\n                            <argument name="index" xsi:type="string">id<\/argument>\n                            <argument name="type" xsi:type="string">taext<\/argument>\n                            <argument name="column_css_class" xsi:type="string">col-id<\/argument>\n                            <argument name="header_css_class" xsi:type="string">col-id<\/argument>\n                        <\/arguments>\n                    <\/block>\n                    <block class="Magento\\Backend\\Block\\Widget\\Grid\\Column" as="status">\n                        <arguments>\n                            <argument name="header" xsi:type="string" translate="true">Status<\/argument>\n                            <argument name="index" xsi:type="string">status<\/argument>\n                            <argument name="type" xsi:type="string">text<\/argument>\n                            <argument name="column_css_class" xsi:type="string">col-id<\/argument>\n                            <argument name="header_css_class" xsi:type="string">col-id<\/argument>\n                        <\/arguments>\n                    <\/block>\n                    <block class="Magento\\Backend\\Block\\Widget\\Grid\\Column" as="title">\n                        <arguments>\n                            <argument name="header" xsi:type="string" translate="true">Title<\/argument>\n                            <argument name="index" xsi:type="string">title<\/argument>\n                            <argument name="type" xsi:type="string">title<\/argument>\n                            <argument name="column_css_class" xsi:type="string">col-id<\/argument>\n                            <argument name="header_css_class" xsi:type="string">col-id<\/argument>\n                        <\/arguments>\n                    <\/block>\n                    <block class="Magento\\Backend\\Block\\Widget\\Grid\\Column" as="description">\n                        <arguments>\n                            <argument name="header" xsi:type="string" translate="true">Description<\/argument>\n                            <argument name="index" xsi:type="string">description<\/argument>\n                            <argument name="type" xsi:type="string">text<\/argument>\n                            <argument name="column_css_class" xsi:type="string">col-id<\/argument>\n                            <argument name="header_css_class" xsi:type="string">col-id<\/argument>\n                        <\/arguments>\n                    <\/block>\n                    <block class="Magento\\Backend\\Block\\Widget\\Grid\\Column" as="created_at">\n                        <arguments>\n                            <argument name="header" xsi:type="string" translate="true">Created At<\/argument>\n                            <argument name="index" xsi:type="string">created_at<\/argument>\n                            <argument name="type" xsi:type="string">created_at<\/argument>\n                            <argument name="column_css_class" xsi:type="string">col-id<\/argument>\n                            <argument name="header_css_class" xsi:type="string">col-id<\/argument>\n                        <\/arguments>\n                    <\/block>\n                <\/block>\n            <\/block>\n        <\/referenceBlock>\n    <\/body>\n<\/page>\n<\/pre><\/div>\n\n\n
You access in Magento Admin Panel click your created menu and check it.<\/p>\n\n\n\n
\"show<\/figure>\n\n\n\n
I hope through this series you can create your own complete module. Good luck!<\/p>\n\n\n\n
In addition to How To Create Admin Grid In Magento 2, you can read the articles How To Custom Admin Grid In Magento 2<\/a>.<\/p>\n\n\n\n
Follow us for the more helpful article!<\/p>\n\n\n\n
We hope this is a useful series for you.<\/p>\n\n\n\n
Thank you for reading!<\/p>\n","protected":false},"excerpt":{"rendered":"
In this lesson, I will show you How To Create Admin Grid In Magento 2. This is a very important lesson, but don’t forget to refer to the previous article: How To Use Event In Magento 2.
\nYou should read the Magento 2 Extension Tutorial step by step.<\/p>\n","protected":false},"author":106,"featured_media":1748,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[2],"tags":[353,351,352,107],"class_list":["post-1685","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento-2-tutorials","tag-create-admin-grid-magento-2","tag-how-to-create-admin-grid-in-magento-2","tag-magento-2-how-to-create-admin-grid","tag-magento-2-tutorials"],"yoast_head":"\nHow To Create Admin Grid In Magento 2 - Magetop Blog<\/title>\n<meta name=\"description\" content=\"In this lesson, I will show you How To Create Admin Grid In Magento 2. This is a very important lesson, but don't forget to refer to the previous article...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Create Admin Grid In Magento 2 - Magetop Blog\" \/>\n<meta property=\"og:description\" content=\"In this lesson, I will show you How To Create Admin Grid In Magento 2. This is a very important lesson, but don't forget to refer to the previous article...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/\" \/>\n<meta property=\"og:site_name\" content=\"Magetop Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/MagetopStore\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-02T03:29:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-22T02:56:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i2.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-How-To-Create-Admin-Grid.png?fit=750%2C445&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"445\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Aaron LX\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@MagetopStore\" \/>\n<meta name=\"twitter:site\" content=\"@MagetopStore\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aaron LX\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/\"},\"author\":{\"name\":\"Aaron LX\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/b8770690a02cc53a273d6b7205229ff7\"},\"headline\":\"How To Create Admin Grid In Magento 2\",\"datePublished\":\"2020-04-02T03:29:20+00:00\",\"dateModified\":\"2021-07-22T02:56:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/\"},\"wordCount\":274,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-How-To-Create-Admin-Grid.png?fit=750%2C445&ssl=1\",\"keywords\":[\"Create admin Grid magento 2\",\"How To Create Admin Grid In Magento 2\",\"Magento 2 How To Create Admin Grid\",\"magento 2 tutorials\"],\"articleSection\":[\"Magento 2 Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/\",\"url\":\"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/\",\"name\":\"How To Create Admin Grid In Magento 2 - Magetop Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-How-To-Create-Admin-Grid.png?fit=750%2C445&ssl=1\",\"datePublished\":\"2020-04-02T03:29:20+00:00\",\"dateModified\":\"2021-07-22T02:56:21+00:00\",\"description\":\"In this lesson, I will show you How To Create Admin Grid In Magento 2. This is a very important lesson, but don't forget to refer to the previous article...\",\"breadcrumb\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-How-To-Create-Admin-Grid.png?fit=750%2C445&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-How-To-Create-Admin-Grid.png?fit=750%2C445&ssl=1\",\"width\":750,\"height\":445,\"caption\":\"Magento 2 How To Create Admin Grid\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.magetop.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How To Create Admin Grid In Magento 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#website\",\"url\":\"https:\/\/www.magetop.com\/blog\/\",\"name\":\"Magetop Blog\",\"description\":\"Exploring Magento Tips, Tricks, and Trends\",\"publisher\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.magetop.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#organization\",\"name\":\"Magetop.com\",\"url\":\"https:\/\/www.magetop.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1\",\"width\":475,\"height\":475,\"caption\":\"Magetop.com\"},\"image\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/MagetopStore\",\"https:\/\/x.com\/MagetopStore\",\"https:\/\/www.linkedin.com\/company\/magetop\",\"https:\/\/www.pinterest.com\/magetop\",\"https:\/\/www.youtube.com\/channel\/UCXoiJsz88OfPmwa8QpUkwOA\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/b8770690a02cc53a273d6b7205229ff7\",\"name\":\"Aaron LX\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2025\/11\/475315059_122137709240563546_260104055231757176_n.jpg?fit=96%2C96&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2025\/11\/475315059_122137709240563546_260104055231757176_n.jpg?fit=96%2C96&ssl=1\",\"caption\":\"Aaron LX\"},\"description\":\"Aaron is a passionate writer, crazy about shopping, eCommerce and trends. Besides his outstanding research skills and a positive mind, Aaron eagerly shares his experience with the readers.\",\"url\":\"https:\/\/www.magetop.com\/blog\/author\/aaron-lx\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Create Admin Grid In Magento 2 - Magetop Blog","description":"In this lesson, I will show you How To Create Admin Grid In Magento 2. This is a very important lesson, but don't forget to refer to the previous article...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/","og_locale":"en_US","og_type":"article","og_title":"How To Create Admin Grid In Magento 2 - Magetop Blog","og_description":"In this lesson, I will show you How To Create Admin Grid In Magento 2. This is a very important lesson, but don't forget to refer to the previous article...","og_url":"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/","og_site_name":"Magetop Blog","article_publisher":"https:\/\/www.facebook.com\/MagetopStore","article_published_time":"2020-04-02T03:29:20+00:00","article_modified_time":"2021-07-22T02:56:21+00:00","og_image":[{"width":750,"height":445,"url":"https:\/\/i2.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-How-To-Create-Admin-Grid.png?fit=750%2C445&ssl=1","type":"image\/png"}],"author":"Aaron LX","twitter_card":"summary_large_image","twitter_creator":"@MagetopStore","twitter_site":"@MagetopStore","twitter_misc":{"Written by":"Aaron LX","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/#article","isPartOf":{"@id":"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/"},"author":{"name":"Aaron LX","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/b8770690a02cc53a273d6b7205229ff7"},"headline":"How To Create Admin Grid In Magento 2","datePublished":"2020-04-02T03:29:20+00:00","dateModified":"2021-07-22T02:56:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/"},"wordCount":274,"commentCount":2,"publisher":{"@id":"https:\/\/www.magetop.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-How-To-Create-Admin-Grid.png?fit=750%2C445&ssl=1","keywords":["Create admin Grid magento 2","How To Create Admin Grid In Magento 2","Magento 2 How To Create Admin Grid","magento 2 tutorials"],"articleSection":["Magento 2 Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/","url":"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/","name":"How To Create Admin Grid In Magento 2 - Magetop Blog","isPartOf":{"@id":"https:\/\/www.magetop.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/#primaryimage"},"image":{"@id":"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-How-To-Create-Admin-Grid.png?fit=750%2C445&ssl=1","datePublished":"2020-04-02T03:29:20+00:00","dateModified":"2021-07-22T02:56:21+00:00","description":"In this lesson, I will show you How To Create Admin Grid In Magento 2. This is a very important lesson, but don't forget to refer to the previous article...","breadcrumb":{"@id":"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/#primaryimage","url":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-How-To-Create-Admin-Grid.png?fit=750%2C445&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-How-To-Create-Admin-Grid.png?fit=750%2C445&ssl=1","width":750,"height":445,"caption":"Magento 2 How To Create Admin Grid"},{"@type":"BreadcrumbList","@id":"https:\/\/www.magetop.com\/blog\/how-to-create-admin-grid-in-magento\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.magetop.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How To Create Admin Grid In Magento 2"}]},{"@type":"WebSite","@id":"https:\/\/www.magetop.com\/blog\/#website","url":"https:\/\/www.magetop.com\/blog\/","name":"Magetop Blog","description":"Exploring Magento Tips, Tricks, and Trends","publisher":{"@id":"https:\/\/www.magetop.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.magetop.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.magetop.com\/blog\/#organization","name":"Magetop.com","url":"https:\/\/www.magetop.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1","width":475,"height":475,"caption":"Magetop.com"},"image":{"@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/MagetopStore","https:\/\/x.com\/MagetopStore","https:\/\/www.linkedin.com\/company\/magetop","https:\/\/www.pinterest.com\/magetop","https:\/\/www.youtube.com\/channel\/UCXoiJsz88OfPmwa8QpUkwOA"]},{"@type":"Person","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/b8770690a02cc53a273d6b7205229ff7","name":"Aaron LX","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2025\/11\/475315059_122137709240563546_260104055231757176_n.jpg?fit=96%2C96&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2025\/11\/475315059_122137709240563546_260104055231757176_n.jpg?fit=96%2C96&ssl=1","caption":"Aaron LX"},"description":"Aaron is a passionate writer, crazy about shopping, eCommerce and trends. Besides his outstanding research skills and a positive mind, Aaron eagerly shares his experience with the readers.","url":"https:\/\/www.magetop.com\/blog\/author\/aaron-lx\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-How-To-Create-Admin-Grid.png?fit=750%2C445&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/paOdw5-rb","jetpack-related-posts":[{"id":1402,"url":"https:\/\/www.magetop.com\/blog\/magento-2-extension-tutorial\/","url_meta":{"origin":1685,"position":0},"title":"Magento 2 Extension Tutorial","author":"Aaron LX","date":"February 15, 2020","format":false,"excerpt":"Magento 2 is an open-source platform that allows you can create a module for yourself. And those modules can extend functions for the Magento store. And in this article, I will introduce to Magento 2 Extension Tutorial.","rel":"","context":"In "Magento 2 Tutorials"","block_context":{"text":"Magento 2 Tutorials","link":"https:\/\/www.magetop.com\/blog\/magento-2-tutorials\/"},"img":{"alt_text":"Magetop Extension Tutorial","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/02\/Extension-Tutorial.jpg?fit=750%2C455&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/02\/Extension-Tutorial.jpg?fit=750%2C455&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/02\/Extension-Tutorial.jpg?fit=750%2C455&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/02\/Extension-Tutorial.jpg?fit=750%2C455&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":1709,"url":"https:\/\/www.magetop.com\/blog\/how-to-add-mass-actions-in-magento\/","url_meta":{"origin":1685,"position":1},"title":"How To Add Mass Actions In Magento 2","author":"Aaron LX","date":"April 2, 2020","format":false,"excerpt":"In the previous lesson, I showed you How To Custom Admin Grid In Magento 2. Following that lesson, I will show you How To Add Mass Actions In Magento 2. This is a series on Magento 2 Extension Tutorial. The lessons are related to each other so you should read\u2026","rel":"","context":"In "Magento 2 Tutorials"","block_context":{"text":"Magento 2 Tutorials","link":"https:\/\/www.magetop.com\/blog\/magento-2-tutorials\/"},"img":{"alt_text":"Magento 2 How To Add Mass Action","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-How-To-Add-Mass-Action.png?fit=750%2C445&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-How-To-Add-Mass-Action.png?fit=750%2C445&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-How-To-Add-Mass-Action.png?fit=750%2C445&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-How-To-Add-Mass-Action.png?fit=750%2C445&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":1696,"url":"https:\/\/www.magetop.com\/blog\/how-to-custom-admin-grid-in-magento\/","url_meta":{"origin":1685,"position":2},"title":"How To Custom Admin Grid In Magento 2","author":"Aaron LX","date":"April 2, 2020","format":false,"excerpt":"In the previous lesson, I introduced How To Create Admin Grid In Magento 2. You should read that lesson to be able to do How To Custom Admin Grid In Magento 2 lesson.","rel":"","context":"In "Magento 2 Tutorials"","block_context":{"text":"Magento 2 Tutorials","link":"https:\/\/www.magetop.com\/blog\/magento-2-tutorials\/"},"img":{"alt_text":"Magento 2 How To Custom Admin Grid","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-How-To-Custom-Admin-Grid.png?fit=750%2C445&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-How-To-Custom-Admin-Grid.png?fit=750%2C445&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-How-To-Custom-Admin-Grid.png?fit=750%2C445&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-How-To-Custom-Admin-Grid.png?fit=750%2C445&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":1651,"url":"https:\/\/www.magetop.com\/blog\/how-to-use-event-in-magento-2\/","url_meta":{"origin":1685,"position":3},"title":"How To Use Event In Magento 2","author":"Aaron LX","date":"April 1, 2020","format":false,"excerpt":"In the previous article, we learned How To Use Helper And Setting In Magento 2. Following the previous tutorial, we will learn about How To Use Event in Magento 2. This is a very basic tutorial but it is very important.","rel":"","context":"In "Magento 2 Tutorials"","block_context":{"text":"Magento 2 Tutorials","link":"https:\/\/www.magetop.com\/blog\/magento-2-tutorials\/"},"img":{"alt_text":"Magento 2 How To Use Event","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-How-To-Use-Event.png?fit=750%2C445&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-How-To-Use-Event.png?fit=750%2C445&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-How-To-Use-Event.png?fit=750%2C445&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-How-To-Use-Event.png?fit=750%2C445&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":1722,"url":"https:\/\/www.magetop.com\/blog\/admin-grid-crud-in-magento\/","url_meta":{"origin":1685,"position":4},"title":"Admin Grid CRUD In Magento 2","author":"Aaron LX","date":"April 2, 2020","format":false,"excerpt":"In the previous article, I introduced How To Add Mass Actions In Magento 2. In this article, we will learn about Admin Grid CRUD In Magento 2. This is a series on Magento 2 Extension Tutorial. The lessons are related to each other so you should read step by step.","rel":"","context":"In "Magento 2 Tutorials"","block_context":{"text":"Magento 2 Tutorials","link":"https:\/\/www.magetop.com\/blog\/magento-2-tutorials\/"},"img":{"alt_text":"Magento 2 Admin Grid CRUD","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-Admin-Grid-CRUD.png?fit=750%2C445&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-Admin-Grid-CRUD.png?fit=750%2C445&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-Admin-Grid-CRUD.png?fit=750%2C445&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-Admin-Grid-CRUD.png?fit=750%2C445&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":1640,"url":"https:\/\/www.magetop.com\/blog\/how-to-use-model-in-magento-2\/","url_meta":{"origin":1685,"position":5},"title":"How To Use Model In Magento 2","author":"Aaron LX","date":"April 1, 2020","format":false,"excerpt":"In this tutorial, we will learn about How To Use Model in Magento 2. This is a basic tutorial followed by How To Create Database Table in Magento 2. You should see the previous article to understand this lesson.","rel":"","context":"In "Magento 2 Tutorials"","block_context":{"text":"Magento 2 Tutorials","link":"https:\/\/www.magetop.com\/blog\/magento-2-tutorials\/"},"img":{"alt_text":"Magento 2 How To Use Model","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-How-To-Use-Model.png?fit=750%2C445&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-How-To-Use-Model.png?fit=750%2C445&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-How-To-Use-Model.png?fit=750%2C445&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/04\/Magento-2-How-To-Use-Model.png?fit=750%2C445&ssl=1&resize=700%2C400 2x"},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts\/1685","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/users\/106"}],"replies":[{"embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/comments?post=1685"}],"version-history":[{"count":7,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts\/1685\/revisions"}],"predecessor-version":[{"id":2261,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts\/1685\/revisions\/2261"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/media\/1748"}],"wp:attachment":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/media?parent=1685"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/categories?post=1685"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/tags?post=1685"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}