How we are Integrate the ColumnsEditorView component with the ColumnsEditor component

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

How we are Integrate the ColumnsEditorView component with the ColumnsEditor component

in Uicomponent Grid The ColumnsEditorView UI component is an extension for the ColumnsEditor component. It provides functionality for showing the inline form for editing a selected grid record.

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

                <param name="viewConfig" xsi:type="array">

                    <item name="component" xsi:type="string">Magento_Ui/js/grid/editing/record</item>

                    <item name="model" xsi:type="string">${ $.name }</item>

                    <item name="tableSelector" xsi:type="string">${ $.rootSelector } -> table</item>

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