Reading the magento 2 documentation, came across this picture
image filters which I want to implement
Documentation link:https://devdocs.magento.com/guides/v2.3/pattern-library/displaying-data/datatable/datatable.html
And I noticed that the filters are in the columns themselves, and not by the filters button. How do I implement this? Nowhere can I find the code to use.
Code my XML file:
<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 code
<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>
At the moment my filters are as follows:
