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

Header template


Is there any way to show a image instead of a text in the a column header? 

Note in this image that insted of a text a show some icons in column header.

I try simple putting an html in the header property of the column, but seems like that doing this I break the  column sort feature...

Column definition:
 { field: 'CoverPercentage1M', headerText: '<div style="display:inline-block;margin-right:3px" title="Has covers" class="circle-sprite circle-green">  </div>', editType: 'numericedit', allowFiltering: false, filterEditType: 'numericedit', isTemplateColumn: true, templateID: 'coverColumnTemplate', width: 55 }


1 Reply

JR John Rajaram Syncfusion Team September 24, 2015 11:43 AM UTC

Hi Rafael,

Thanks for using Syncfusion products.

At present there is no support for customizing the column header’s content. For this we have already logged a feature request regarding this.

A support incident has been created under your account to track the status of this requirement. Please log on to our support website to check for further updates.


Please let us know if you require further assistance on this.

John R

Live Chat Icon For mobile
Up arrow icon