Use ngx-translate for header filter values

Hi,

Is there any way to use ngx-translate for header filters values. It was easy to do header, but I cannot find any documentation  on translating filters.



1 Reply

FS Farveen Sulthana Thameeztheen Basha Syncfusion Team August 18, 2022 04:06 PM UTC

Hi Michal,


From your query we suspect that you need to dynamically change the InnerText but we couldn’t change through ngx-translate. We have achieved your requirement using columnMenuOpen event of the TreeGrid. In this event we have changed the text of the required Items as like suggested below


Refer to the code below:-

App.Component.html:-

 

<ejs-treegrid

    [dataSource]="data"

    childMapping="subtasks"

    showColumnMenu="true"

    (columnMenuOpen)="columnMenuOpen($event)"

  >

    <e-columns>

      <e-column

        field="taskID"

        headerText="Task ID"

        width="100"

        textAlign="Right"

      ></e-column>

 

         .    .    .

  </ejs-treegrid>

 

App.Component.ts:-

 

columnMenuOpen(e) {

    if (!isNullOrUndefined(e.items)) {

      e.items.map(function (item) {

        if (item.text == 'Filter') {

          return (item.text = 'FilterMenu');    //change the required text

        }   

      });

    }

  }


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


API link:-
https://ej2.syncfusion.com/angular/documentation/api/treegrid/#columnmenuclick


Please get back to us if you need any further assistance.


Regards,

Farveen sulthana T


Loader.
Up arrow icon