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

Date cell border seperate days


Im working with your sheduler and want to seperate the days with a black 1px border. 


Do you have a solution for this?



3 Replies

VR Vijay Ravi Syncfusion Team March 24, 2023 11:32 AM UTC

Hi Wim,

You can achieve your requirement by overriding the default styles of the Scheduler as shown in the below code snippet.


    .e-schedule .e-vertical-view .e-work-cells,

    .e-schedule .e-vertical-view .e-date-header-wrap table tbody td.e-header-cells {

        border-right: solid 2px black;



    .e-schedule .e-vertical-view tr td.e-work-cells:last-child,

    .e-schedule .e-vertical-view .e-date-header-wrap table tbody td.e-header-cells:last-child {

         border-right: none;



Output screenshot:


Vijay Ravi

Attachment: style_customize_db48702e.zip

WY Wim Ypma March 24, 2023 02:16 PM UTC

Thx for your reply.

I found a different solution with javascript but thanks for your help anyway 

RV Ravikumar Venkatesan Syncfusion Team March 27, 2023 05:43 AM UTC


You are welcome. Let us know if you need any further assistance.

Live Chat Icon For mobile
Up arrow icon