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

For Example:

enter image description here


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>
     <exportButton name="export_button"/>
    <columnsControls name="columns_controls"/>

Hope it finds you helpful.

  • I have already added <columnsControls name="columns_controls"/> under <listingToolbar> tag of my grid uicomponent xml file. So I am able to see Columns control. But now I want to categorize the list of columns with Tabs, as shown in i.stack.imgur.com/7110B.png How can I achieve that? – Sagar Vasani Aug 16 at 10:12

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.