From e719bb044518585e94bdc4d39fb6b7380cb4b4ea Mon Sep 17 00:00:00 2001 From: Naveen S P Date: Mon, 27 Apr 2026 07:59:19 +0530 Subject: [PATCH] Documentation(1018417): Grid Diacritics filter --- blazor/datagrid/filtering.md | 82 ++++++++++++++++++++++++++++++++++++ 1 file changed, 82 insertions(+) diff --git a/blazor/datagrid/filtering.md b/blazor/datagrid/filtering.md index 7f92e8b063..a9d8c71722 100644 --- a/blazor/datagrid/filtering.md +++ b/blazor/datagrid/filtering.md @@ -504,6 +504,88 @@ The **Like** filter processes single search patterns using the % symbol t ![Blazor DataGrid with like operator filtering](./images/blazor-datagrid-like-operator-filtering.webp) +## Diacritics filter + +The diacritics filter feature handles text data that includes accented characters. Diacritics are accent marks added to letters (examples: é, ñ, ü, ç). By default, the grid ignores these characters during filtering. + +This feature is essential for international data where names like “José” and “Jose” should be treated differently (or the same, depending on requirements). + +To ensure diacritic characters are considered during filtering, set the `IgnoreAccent` property to **true** using [GridFilterSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_FilterSettings). + +The following example demonstrates diacritics filtering with the `IgnoreAccent` property set to **true**: + +{% tabs %} +{% highlight razor tabtitle="Index.razor" %} + +@using Syncfusion.Blazor.Grids + + + + + + + + + + + +@code { + public List GridData { get; set; } + + protected override void OnInitialized() + { + GridData = OrderData.GetAllRecords(); + } + +} + +{% endhighlight %} + +{% highlight c# tabtitle="OrderData.cs" %} + +public class OrderData +{ + public static List Orders = new List(); + + public OrderData() { } + + public OrderData(int EmployeeID, string Name, string CustomerID, string ShipName) + { + this.EmployeeID = EmployeeID; + this.Name = Name; + this.CustomerID = CustomerID; + this.ShipName = ShipName; + } + + public static List GetAllRecords() + { + if (Orders.Count == 0) + { + Orders.Add(new OrderData(1, "Aeróbics", "VINET", "Vins et alcools Chevalier")); + Orders.Add(new OrderData(2, "Aerógrafía en Agua", "TOMSP", "Toms SpezialitAiten")); + Orders.Add(new OrderData(3, "Aerografía", "TAMSP", "Suprames dalices")); + Orders.Add(new OrderData(4, "Aeromodelaje", "HANAA", "Ottilies Kaseladen")); + Orders.Add(new OrderData(5, "Águilas", "VICTE", "Centro comercial Moctezuma")); + Orders.Add(new OrderData(6, "Álbumes de Delta", "HANAR", "Que Delacia")); + Orders.Add(new OrderData(7, "Álbumes de Música", "SUPRD", "Ernst Handel")); + Orders.Add(new OrderData(8, "Alusivos", "CHOPS", "Richter Supermarkt")); + Orders.Add(new OrderData(9, "Aerografía", "RICSU", "Wellington")); + Orders.Add(new OrderData(10, "Análisis de Escritura a Mano", "WELLI", "Victuailles")); + } + return Orders; + } + + public int EmployeeID { get; set; } + public string Name { get; set; } + public string CustomerID { get; set; } + public string ShipName { get; set; } +} + +{% endhighlight %} +{% endtabs %} + +{% previewsample "https://blazorplayground.syncfusion.com/embed/rDBxXJVJDcKLCWHR?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" %} + ## Filtering with case sensitivity The Syncfusion® Blazor DataGrid provides the flexibility to enable or disable case sensitivity during filtering. This feature allows control over whether filtering operations should consider character casing. Case sensitivity can be configured using the [EnableCaseSensitivity](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridFilterSettings.html#Syncfusion_Blazor_Grids_GridFilterSettings_EnableCaseSensitivity) property of [GridFilterSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_FilterSettings)configuration.