Menu Close
    Start a Project Request quote Reading list Switch to dark mode
    magento-hyperlocal-marketplace-guide

    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.

    Back to Top
    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