Whenever we click on filter option in the grid ,filter textbox opens below the first column of grid as below
Can we make this filter text box open under same column where we want to apply filter.
For ex: In above image, I want to apply filter for "Unit Price" Column.But filter text box opens under 'Product Name' column.
How can I move this text box under 'Unit Price' column?. I mean Filter textbox should open under respective column
Hello Roopesh,
Thank you for your reply!
Please note that the option I have shown is not related to the text boxes, but rather a placeholder below each column’s header. Having this in mind you can place there any component/components you need, for example dropdown, combobox, list, radio buttons and etc. However, this has to be implemented entirely on application level, which is beyond the scope of Infragistics Support!
In case that you want to stick to the default filtering and to apply custom styles over it, you can take a look at the following screenshot, where you can find the appropriate classes in order to use the right css selector. Please note that this has to be implemented entirely on application level as well and could lead to some side effects.
Please let me know if you need any further information.
Best Regards, Martin Evtimov Software Developer Infragistics, Inc.
Thanks for the reply. The options you have told is having only text box. Whatever I have shown, it's a dropdown with filtering options. Can't we have any CSS changes applied over the particular component?
Thank you for contacting Infragistics Community!
After investigating this matter further and doing some research I can verify that the described behavior is by design.
However I believe that you will find the Re-templating filter cell section in the IgxGrid’s Filtering topic very helpful. As demonstrated there, you can provide custom filtering template below each column using the filterCellTemplate.