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

Remove header vertical grid lines


How can I get rid of the header vertical grid lines in between columns?

Thank you


1 Reply

SP Sarveswaran Palani Syncfusion Team April 14, 2023 04:59 AM UTC

Hi Daniel,

Greetings from Syncfusion support.

From your query, we suspect that you want to remove vertical gridlines from the grid header. We suggest you to include the below CSS style in your project to overcome the reported issue at your end. We have attached the code snippet and sample for your reference.


    .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {

        border-width: 0px 0px 0px 0px;



Please get back to us, if you have any further queries.


Attachment: SfGridVerticalLine_58d98a6c.zip

Live Chat Icon For mobile
Up arrow icon