[Solved] Incorrect layout in Chrome and FF when grouping by Date

[Monsignor]

Hello,

To reproduce the issue open your demo in Chrome or FireFox.
http://demos.telerik.com/aspnet-ajax/scheduler/examples/resourcegrouping/defaultcs.aspx

Then select 
- Group by room
- Group by date
- Grouping direction: Vertical

Look at the left column. Unlike IE, these browsers display day of week and day number in the same column as the time. This leads to desync between column headers and the actual timeslots. If you scroll down, you may see that the gap between them is about a 0.5 cm!

Hello

To reproduce the issue open your demo in Chrome or FireFox.

http://demos.telerik.com/aspnet-ajax/scheduler/examples/resourcegrouping/defaultcs.aspx

Then select 

- Group by room

- Group by date 

- Grouping direction: Vertical

Look at the left column. Unlike IE, these browsers display day of week and day number in the same column as the time. This leads to desync between column headers and the actual timeslots. If you scroll down, you may see that the gap between them is about a 0.5 cm!

[Kamen Bundev]

Hello Monsignor,

Add this rule to your CSS to fix it:
div.RadScheduler .rsVerticalHeaderTable .rsMainHeader th
{
    display: table-cell;
}

Sincerely yours,
Kamen Bundev
the Telerik team