Request Quote

Create UiGrid At Front End In Magento2

In this blog we will see how we can show data in front end using admin Ui Data grids.

Originally Magento2 has provided the UiGrid option to show data in the tabular format but this method is only available at the admin site.

In the following blog, we will see how we can add the grid at front end in our custom module. In this blog, we will create a list of products created in the magento at our custom controller in the frontend. We will create a custom module named CustomModule for the same.

You will need to create the following files,

  • The most important part is the render controller. You need to create a custom render controller that you have mentioned in the wk_product_list_custom.xml component file.

Now to install the Webkul_CustomModule, you need to follow the following steps:

php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy

After the complete installation of the module, you will be able to check the grid at yourwebsite.com/custommodule/index/index location.

You can check the complete working module at:  https://github.com/vishalverma279/magento2_custom_module

. . .

Comment

Add Your Comment

Be the first to comment.

css.php
Hire Us!
Brief us about your requirements and we'll get back to you.
Woo! Hooy!
We have just recieved your project brief and our expert will contact you shortly.
Send Again
Close