How to Add columnsControls In Admin Grid In Magento2 - Magento Source24

 

How to Add columnsControls In Admin Grid In Magento2

Hi magento friends in this blog post im share with you to How to Add columnsControls In Admin Grid In Magento2

👉 Step : Add Below Code in listingToolbar to add columnsControls filter's and find bellow output : 

    <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>

        <columnsControls name="columns_controls"/>

    </listingToolbar>

👉 this is code is listingToolbar filters in uicomponent in magento2 : 

bookmarks, columnsControls, filterSearch, filters, paging, exportButton 

    <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>

        <bookmark name="bookmarks"/>

        <columnsControls name="columns_controls"/>

        <filterSearch name="fulltext"/>

        <filters name="listing_filters" />

        <paging name="listing_paging"/>

        <exportButton name="export_button"/>

    </listingToolbar>

Bellow code is complete listingToolbar filters in uicomponent in magento2 : 

 <!-- ... other block of code -->

    <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>

        <bookmark name="bookmarks"/>

        <columnsControls name="columns_controls"/>

        <filterSearch name="fulltext"/>

        <filters name="listing_filters" />

        <paging name="listing_paging"/>

        <exportButton name="export_button"/> 

        <massaction name="listing_massaction">

            <argument name="data" xsi:type="array">

                <item name="config" xsi:type="array">

                    <item name="component" xsi:type="string">Magento_Ui/js/grid/tree-massactions</item>

                </item>

            </argument>

        <action name="delete">

                <argument name="data" xsi:type="array">

                    <item name="config" xsi:type="array">

                        <item name="type" xsi:type="string">delete</item>

                        <item name="label" xsi:type="string" translate="true">Delete</item>

                        <item name="url" xsi:type="url" path="customblog/post/massDelete"/>

                        <item name="confirm" xsi:type="array">

                            <item name="title" xsi:type="string" translate="true">Delete Post</item>

                            <item name="message" xsi:type="string" translate="true">Are you sure you wan't to delete selected items?</item>

                        </item>

                    </item>

                </argument>

          </action>

          <action name="blogmail">

                <argument name="data" xsi:type="array">

                    <item name="config" xsi:type="array">

                        <item name="type" xsi:type="string">blogmail</item>

                        <item name="label" xsi:type="string" translate="true">Sen Mail</item>

                        <item name="url" xsi:type="url" path="customblog/post/sendMail"/>

                        <item name="confirm" xsi:type="array">

                            <item name="title" xsi:type="string" translate="true">Delete Post</item>

                            <item name="message" xsi:type="string" translate="true">Are you sure you wan't to Send Email selected items?</item>

                        </item>

                    </item>

                </argument>

          </action>

        </massaction>

    </listingToolbar>