1

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

For Example:

enter image description here

Improve this question

1 Answer 1

Reset to default
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.

Improve this answer
1
  • 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.sstatic.net/7110B.png How can I achieve that? Commented Aug 16, 2019 at 10:12

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.