Html Table With Fixed Header Column And Row Without Js

I am currently trying to display correctly a sort of agenda which represents hours on the head row and different rooms on the head column. I want to have fixed headers (first row a

Solution 1:

The simplest way is to add this css:

table {
    float: left;
}

And it will work like you want.

Example

Solution 2:

Try this Fiddle

CSS :

.right {
    overflow: auto;
    position: absolute;
    top: 0px;
    left: 134px;
    width: 73%;

}