I am trying to create Grid search feature based on strings entered in text fields as:

enter image description here

This functionality is in some of the default admin grids and few have filter button like this:

enter image description here

I wanted to implement 1st pic functionality for Sales Order Grid. Any help will be appreciated! Thanks

2 Answers 2


The filters functionality shown in the first image can be achieved using either layout XML grid or grid using block.

If the grid is built using UI components, such type of filters cannot be achieved.

Please refer Newsletter module for the grid using block.

Please refer Sales Rule module for reference of the grid using layout XML.

  • Can it be more precise to question, or include detail please ? As i am have gone through these modules for many time but could not target exact requirement.. I am new learner yet.
    – Ajwad Syed
    Dec 10, 2018 at 13:16

Add :

<listingToolbar name="listing_top">
        <filters name="listing_filters">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="statefull" xsi:type="array">
                        <item name="applied" xsi:type="boolean">false</item>
                    <item name="params" xsi:type="array">
                        <item name="filters_modifier" xsi:type="array"/>

After dataSource tag in your grid xml file.

Also add :

public function addFilter(\Magento\Framework\Api\Filter $filter)
        $field = $filter->getField();

        if (in_array($field, ['id','name'])) {


in data provider file for this grid

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.