Magento 2 UI Grid - How to add tabs in columns control?

by Sagar Vasani   Last Updated August 14, 2019 14:09 PM

I want to add Tabs in Columns control of my custom extension’s UI Grid to categorize columns.

For Example:

enter image description here



Answers 1


Just add <columnsControls name="columns_controls"/> under <listingToolbar> tag of your grid uicomponent xml file. If you do not have added <listingToolbar> tag then simply add the below code under <listing> tag of your grid xml.

<listingToolbar name="listing_top">
    <argument name="data" xsi:type="array">
        <item name="config" xsi:type="array">
            <item name="sticky" xsi:type="boolean">true</item>
        </item>
    </argument>
     <exportButton name="export_button"/>
    <columnsControls name="columns_controls"/>
</listingToolbar>

Hope it finds you helpful.

Abdul Pathan
Abdul Pathan
August 14, 2019 13:50 PM

Related Questions



Magento2 admin grid / form not loading

Updated May 27, 2016 08:03 AM

Getting param of url on dataprovide class

Updated August 27, 2018 17:09 PM

Magento 2 Frontend UI grid not display

Updated February 22, 2019 18:09 PM