Vertical scroll bar duplicating

chikkuspanicker

Hi Allan,
I am very new to web development.I am using the DataTable fied column plug-in.I want my horizontal scroll bar only after the fixed columns.For this,I used the following code.
::-webkit-scrollbar {
width: 10px;
height: 10px;

}
::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
border: 1px solid black;
background: rgb(41,41,41);
border-radius: 5px;

}
::-webkit-scrollbar-thumb{
border-radius:5px;
height: 10px;
width: 19px;
border: 1px solid #F9F9FF;
background: blue;
-webkit-box-shadow: 0 1px 1px rgb(0,0,0);
background:gainsboro;
}

::-webkit-scrollbar-track-piece {
height: 10px;
width: 10px;
}
But the problem is that,when I did this,my vertical scroll bar got duplicated.It is appearing after the last fixed column as well as after all columns.Could you please help me out

allan

You could try using an old version of FixedColumns which displayed the scrollbar only after the fixed columns. However, that was changed in 2.5 as it was felt to be an improvement to the user interaction design.

I'm afraid I can't offer any help with how to hack just webkit browsers in the way you are looking for as that is not a supported aspect of FixedColumns.

Allan