Customize datagrid filter popup menu style

Good afternoon.

I know that this year you have added the option to customise the style of the SfDatagrid data filtering pop-up. There are a few things I haven't seen that I can do, and I wanted to ask you about them. They are as follows:

  • Customise the shape of the checkboxes (color, border type, etc.).
  • Customise the style of the Accept and Cancel buttons. As you can see, with the white background, it's a problem.

Image_5351_1762448220479



  • Customising the style of the combobox menus (padding, item height, etc.).

Image_4637_1762448360365 Image_4370_1762448433336


One last detail, the spanish translation of ‘Clear filter’ is "Limpiar filtro" o "Eliminar filtro". The "claro" word is a bad translation because its equivalent in english is "Light".


Thanks you very much


4 Replies

GR Gowtham Ravi Syncfusion Team November 10, 2025 10:44 AM UTC

Hi Fernando,

Please find our responses to your queries below:
Query
Response
    • Customise the shape of the checkboxes (color, border type, etc.).
    • Customising the style of the combobox menus (padding, item height, etc.).
Currently, the DataGrid does not support customizing checkbox shapes or advanced filter popup item styles (like padding or height). We have already considered your request as a feature. We will implement this feature in one of our upcoming releases. At the planning stage of every release cycle, we review all open features and identify features for implementation based on specific parameters including product vision, technological feasibility, and customer interest. We appreciate your patience and understanding until then. You can follow up with the feedback below for further details.

Feedback Link: Support for filter popup size customization in Flutter | Feedback Portal
 
Additionally, SfDataGrid currently supports customization of the checkbox fill color, as well as the OK and Cancel label colors.
 
For further guidance, please refer to the attached UG link. We’ve also included a sample and a screenshot for your reference.

UG Link:  Filtering in Flutter DataGrid | DataTable | Syncfusion

 Filter Popup Reference Image:
FilterPopup.png
    • The spanish translation of ‘Clear filter’ is "Limpiar filtro" o "Eliminar filtro". The "claro" word is a bad translation because its equivalent in english is "Light".
Thank you for your feedback regarding the Spanish translation of “Clear filter.”  We sincerely appreciate your input and will take your suggestion into consideration.

To verify this, we changed the language settings in Microsoft Excel to Spanish and observed that the phrase “Clear filter” appears as “Borrar filtro.”  Would this translation be acceptable to you?

If so, we will align with Excel’s standard terminology and proceed with the fix. We have included a screenshot for your reference.
Please let us know your thoughts. Also, if you’ve encountered similar issues with any other labels, please share those as well. It would be very helpful for us to address all related concerns at the same time.
Reference Image:
ClearFilter_MSExcel.png



Regards,
Gowtham R

Attachment: SfDataGrid_17e2b189.zip


FD Fernando de Miguel November 11, 2025 08:39 AM UTC

Good morning, Gowtham.


Thank you very much for your quick response.


Regarding the first point, I hadn't seen the properties for styling the ‘Accept’ and ‘Cancel’ buttons in the pop-up. Thank you. I'll keep an eye out for future versions to customise the rest of the things in more detail.


As for the language, ‘Borrar filtro’ is a correct translation.



GR Gowtham Ravi Syncfusion Team November 11, 2025 01:22 PM UTC

Hi Fernando ,
 
Based on the information provided regarding the Spanish translation, we have identified this as a bug and logged a report in our feedback portal. We will address the reported issue and include the fix in our upcoming weekly patch release, which is expected to roll out on December 2, 2025. We will notify you once the release is available, and we appreciate your patience until then. You can also track the status of the bug using the feedback link below:
Disclaimer: Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.
 
Regards,
Gowtham R


GR Gowtham Ravi Syncfusion Team December 3, 2025 10:11 AM UTC

Hi Fernando,
We are glad to inform you that the reported problem has been resolved on our end. Therefore, kindly update SfDataGrid to the latest version (31.2.16).
Root cause: Previously, we used AI for localization, which resulted in an incorrect Spanish translation for ‘Clear filter’. To resolve this, we compared the localized value of ‘Clear filter’ in Microsoft Excel under the Spanish locale and updated it accordingly.
If you have any further queries, please don't hesitate to reach out. We are more than happy to assist you.
Regards,
Gowtham R

Loader.
Up arrow icon