We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Apply Pipe to a Grid Column

Is it possible to apply a Pipe to a grid column 

Typical angular pipe application 

<td>{{product.type | titlecase}}</td>

For a Grid ​example below how can I apply pipe formatting. I tried format but don't seem not to be a
<e-column field='type' headerText='Product Type'></e-column>

1 Reply 1 reply marked as answer

PS Pavithra Subramaniyam Syncfusion Team February 14, 2023 02:01 PM UTC

Hi Kenneth,

Thanks for contacting Syncfusion support.

You can use the Angular pipes using the column template feature. Please refer to the below code example, documentation, and sample link for more information.

 <e-column field="CustomerID" headerText="Customer ID" width="150">

        <ng-template #template let-data>

          <div class="image">

            {{ data.CustomerID | titlecase }}





Documentation : https://ej2.syncfusion.com/angular/documentation/grid/columns/column-template

Sample               : https://stackblitz.com/edit/angular-i2kdmc?file=src%2Fapp.component.html

Please get back to us if you need further assistance on this.


Pavithra S

Marked as answer
Live Chat Icon For mobile
Up arrow icon