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

Column Header Template

Hi,
I will ask if there is a way to customize a Column Header like Wrapping Text and centering the text?

    Thanks in advance

    Andrea Perazzolo

1 Reply

JR John Rajaram Syncfusion Team March 30, 2015 01:04 PM UTC

Hi Andrea,

Thanks for using Syncfusion products.

We would like to let you know that, currently there is no support for customizing column header of TreeGrid. Hence we have 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.

https://www.syncfusion.com/account/login?ReturnUrl=/support/directtrac/incidents

But at present by workaround we can center align the header text of the column by modifying it’s CSS using the following code snippets.

Code snippet:

<html>

<head>

//...

<style>

.e-headercelldiv {

text-align: center !important;

}

</style>

</head>

<body style="position: static; margin: 0px; padding: 2px">

@(Html.EJ().TreeGrid("Tree")

//...

.Datasource((System.Collections.IEnumerable)ViewBag.datasource)

)

@(Html.EJ().ScriptManager())

</body>

</html>

We have also prepared a sample based on this and you can find the sample under the following location:

Sample: http://www.syncfusion.com/downloads/support/forum/118646/TreeGridSampleMVC425913212.zip

Please let us know if you need more information on this.

Regards,
John. R


Loader.
Live Chat Icon For mobile
Up arrow icon