Magento 2 UI Grid - How to add tabs in columns control?Remove selectionsColumn from Columns dropdown in admin gridMagento 2: Add custom attributes to customer gridPerformance impact of adding columns to Magento 2 sales order gridAdmin grid unwanted columns appears and no record are foundHow can I merge columns in UI grid in Magento 2Magento2 how to set default columns in admin gridHow to remove/hide columns from sales grid by default
Can an Arcane Focus be embedded in one's body?
Tex Quotes(UVa 272)
1mth baby boy keeps peeing through diapers, sometimes diper seems practically unused
Why should a self-financing strategy be previsible?
How much does Commander Data weigh?
Why is getting a PhD considered "financially irresponsible"?
Adoption records in 1871 based on census info
How were medieval castles built in swamps or marshes without draining them?
Papers on arXiv solving the same problem at the same time
Why does a sticker slowly peel off, but if it is pulled quickly it tears?
Billiard balls collision
Prevent use of CNAME record for untrusted domain
50-move rule: only the last 50 or any consecutive 50?
Is first Ubuntu user root?
Simulation in Python
What is the name of my succulent?
Changing JPEG to RAW to use on Lightroom?
Is this password scheme legit?
Why does Windows store Wi-Fi passwords in a reversible format?
How should i charge 3 lithium ion batteries?
Half filled water bottle
I don't have the theoretical background in my PhD topic. I can't justify getting the degree
Is one hour layover sufficient at Singapore Changi Airport (Indian citizen travelling from US to India)?
Is it legal for source code containing undefined behavior to crash the compiler?
Magento 2 UI Grid - How to add tabs in columns control?
Remove selectionsColumn from Columns dropdown in admin gridMagento 2: Add custom attributes to customer gridPerformance impact of adding columns to Magento 2 sales order gridAdmin grid unwanted columns appears and no record are foundHow can I merge columns in UI grid in Magento 2Magento2 how to set default columns in admin gridHow to remove/hide columns from sales grid by default
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
I want to add Tabs in Columns control of my custom extension’s UI Grid to categorize columns.
For Example:

magento2 uicomponent ui-grid
add a comment |
I want to add Tabs in Columns control of my custom extension’s UI Grid to categorize columns.
For Example:

magento2 uicomponent ui-grid
add a comment |
I want to add Tabs in Columns control of my custom extension’s UI Grid to categorize columns.
For Example:

magento2 uicomponent ui-grid
I want to add Tabs in Columns control of my custom extension’s UI Grid to categorize columns.
For Example:

magento2 uicomponent ui-grid
magento2 uicomponent ui-grid
edited Aug 14 at 13:55
Abdul Pathan
1,2672 silver badges14 bronze badges
1,2672 silver badges14 bronze badges
asked Aug 14 at 12:16
Sagar VasaniSagar Vasani
116 bronze badges
116 bronze badges
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
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.
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
add a comment |
Your Answer
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "479"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f285484%2fmagento-2-ui-grid-how-to-add-tabs-in-columns-control%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
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.
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
add a comment |
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.
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
add a comment |
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.
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.
answered Aug 14 at 13:50
Abdul PathanAbdul Pathan
1,2672 silver badges14 bronze badges
1,2672 silver badges14 bronze badges
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
add a comment |
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
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
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
add a comment |
Thanks for contributing an answer to Magento Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f285484%2fmagento-2-ui-grid-how-to-add-tabs-in-columns-control%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown