Ignore Accents on the Grid's Toolbar Search

[Julien Boye]

Hello,

I was wondering if some attribute like ignoreAccent (in the filterSettings of the grid) exists for the search component within the grid's toolbar.

For the column filters, it's working fine with these settings. Is there somethint similar for the grid's toolbar search ? 

this.filterOptions = {

      mode: "Immediate",

      immediateModeDelay: 500,

      type: "Excel",

      ignoreAccent: true,

    };

For example : 



Here, I would want to search for Gumbär by typing the 'ä' without the accent -> 'a'.
Like so :



But as you can see, no record is displayed.

Regards

[Rajapandi Ravi]

Hi Julien,

Greetings from Syncfusion support

From your query we could see that you are having special characters in your Grid data and like to ignore the accent while searching. You can achieve your requirement by defining ignoreAccent property in the search settings. Please refer the below code example and sample for more information.

App.component.ts

export class AppComponent {

    public data: Object[];

    public pageSettings: Object;

    public toolbar: string[];

    public searchOptions: any;

    public ngOnInit(): void {

        this.data = categoryData;

        this.searchOptions = { ignoreAccent: true };

        this.pageSettings = { pageCount: 5 };

        this.toolbar = ['Search'];

    }

}

 

App.component.html

 

<ejs-grid #grid [dataSource]='data' allowPaging="true" [searchSettings]='searchOptions' [pageSettings]='pageSettings' [toolbar]='toolbar'>

        <e-columns>

   .  .  .  .  .  .  .  .

   .  .  .  .  .  .  .  .

        </e-columns>

    </ejs-grid>

 

Sample: https://stackblitz.com/edit/angular-e4q7hq?file=app.component.ts,app.component.html,data.ts

API: https://ej2.syncfusion.com/documentation/api/grid/searchSettings/#ignoreaccent

Screenshot:

Regards,

Rajapandi R