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

Is it possibile to customize the group icon in order to always fit the header column text inside it?

Is it possibile to customize the group icon in order to always fit the header column text inside it?
See the attached image.
It happens that the size of the group icon for a column seems of a fixed size.
But this size is too small for some column's headers, and the text inside it is clipped.
Is it possible to change the size of these icons according to the header text put inside them?

Attachment: customize_group_icon_width_24f7fa31.zip

1 Reply

TS Thavasianand Sankaranarayanan Syncfusion Team June 24, 2019 11:15 AM UTC

Hi Silvio, 

Thanks for contacting Syncfusion support. 

From your query we found that you want to show the full text in group header cell instead of the wrapped text. We suggest you to add the below CSS to overcome the default width, 

<style> 
    .e-grid .e-groupdroparea .e-groupheadercell .e-grouptext { 
        width: auto 
    } 
</style> 

 
Regards, 
Thavasianand S. 


Loader.
Live Chat Icon For mobile
Up arrow icon