How we are Integrate the ColumnsEditor component with the Columns component in magento

 

Hi Magento friend today's i'm share what is ColumnsEditor component in Uicomponent Grid

in Uicomponent Grid The ColumnsEditor UI component is an extension for the Columns component, allowing users to select and edit grid records data.

- How we are Integrate the ColumnsEditor component with the Columns component in magento

<listing>

    <columns name="columns">

        <settings>

            <editorConfig>

                <param name="indexField" xsi:type="string">entity_id</param>

                <param name="enabled" xsi:type="boolean">true</param>

                <param name="selectProvider" xsi:type="string">${ $.columnsProvider }.ids</param>

            </editorConfig>

        </settings>

        <selectionsColumn name="ids">

            <settings>

                <indexField>entity_id</indexField>

            </settings>

        </selectionsColumn>

        <column name="entity_id">

            <settings>

                <label translate="true">ID</label>

            </settings>

        </column>

        <column name="title">

            <settings>

                <filter>text</filter>

                <editor>

                    <validation>

                        <rule name="required-entry" xsi:type="boolean">true</rule>

                    </validation>

                    <editorType>text</editorType>

                </editor>

                <label translate="true">Title</label>

            </settings>

        </column>

        <column name="is_active" component="Magento_Ui/js/grid/columns/select">

            <settings>

                <options class="Magento\Config\Model\Config\Source\Yesno"/>

                <filter>select</filter>

                <editor>

                    <editorType>select</editorType>

                </editor>

                <dataType>select</dataType>

                <label translate="true">Status</label>

            </settings>

        </column>

    </columns>

</listing>