.sticky-column{
    position:sticky;
}
/*sticky in normal case*/
.column-1.normal-sticky{
    left:0px;
    z-index:1000;
}

.column-2.normal-sticky{
    left:50px;
    z-index:1000;
}

.column-3.normal-sticky{
    left:150px;
    z-index:1000;
}

.fixed-column{
    position:sticky;
}

.column-4.normal-sticky{
    left:250px;
    z-index:1000;
}

.column-5.normal-sticky{
    left:450px;
    z-index:1000;
}

.column-6.normal-sticky{
    left:650px;
    z-index:1000;
}

.column-7.normal-sticky{
    left:850px;
    z-index:1000;
}

.column-8.normal-sticky{
    left:1050px;
    z-index:1000;
}

.column-9.normal-sticky{
    left:1250px;
    z-index:1000;
}

.column-10.normal-sticky{
    left:1450px;
    z-index:1000;
}

/*sticky in wide case*/
.column-1.wide-sticky{
    left:0px;
    z-index:1000;
}

.column-2.wide-sticky{
    left:50px;
    z-index:1000;
}

.column-3.wide-sticky{
    left:150px;
    z-index:1000;
}

.column-4.wide-sticky{
    left:250px;
    z-index:1000;
}

.column-5.wide-sticky{
    left:550px;
    z-index:1000;
}

.column-6.wide-sticky{
    left:850px;
    z-index:1000;
}

.column-7.wide-sticky{
    left:1150px;
    z-index:1000;
}

.column-8.wide-sticky{
    left:1450px;
    z-index:1000;
}

.column-9.wide-sticky{
    left:1750px;
    z-index:1000;
}

.column-10.wide-sticky{
    left:2050px;
    z-index:1000;
}