Magento2.Создать фильтры в столбце

Question

Читая документацию magento 2, наткнулся на эту картинку

фильтры изображений, которые я хочу реализовать

Ссылка на документацию: https://devdocs.magento.com/guides/v2.3/pattern-library/displaying-data/datatable/datatable.html

И я заметил, что фильтры находятся в самих столбцах, а не по кнопке фильтров.Как мне это реализовать?Нигде не могу найти код для использования.

Код моего XML-файла:

 <filters name="listing_filters">
    <argument name="data" xsi:type="array">
        <item name="config" xsi:type="array">
            <item name="templates" xsi:type="array">
                <item name="filters" xsi:type="array">
                    <item name="select" xsi:type="array">
                        <item name="component" xsi:type="string">Magento_Ui/js/form/element/ui-select</item>
                        <item name="template" xsi:type="string">ui/grid/filters/elements/ui-select</item>
                    </item>
                </item>
            </item>
        </item>
    </argument>
</filters>

код столбца

<column name="title">
     <argument name="data" xsi:type="array">
         <item name="width" xsi:type="string">150px</item>
         <item name="config" xsi:type="array">
             <item name="filter" xsi:type="string">text</item>
             <item name="headerTmpl" xsi:type="string" >ui/grid/columns/donordrives</item>
             <item name="component" xsi:type="string">Magento_Ui/js/grid/columns/column</item>
             <item name="bodyTmpl" xsi:type="string">ui/grid/cells/html</item>
             <item name="sortable" xsi:type="boolean">true</item>
             <item name="dataType" xsi:type="string">text</item>
             <item name="align" xsi:type="string">left</item>
             <item name="label" xsi:type="string" translate="true">title</item>
         </item>
     </argument>
 </column>

На данный момент мои фильтры следующие:

Изображение мои фильтры сейчас