Hi Senaka,
I have modified b-listgrid.css file to have Horizontal scroll on listGrid (this is very useful when table has dozens of columns). So:

.b-listgrid table {
table-layout: fixed;
}

become

.b-listgrid table {
table-layout: auto;
}

.b-listgridbody {
overflow-y: scroll;
overflow: -moz-scrollbars-vertical;
height: 100%;
border-color: #809aa9;
border-style: solid;
border-width: 1px;
position: relative;
}

become

.b-listgridbody {
overflow-y: scroll;
overflow-x: scroll;
overflow: -moz-scrollbars-vertical;
height: 100%;
border-color: #809aa9;
border-style: solid;
border-width: 1px;
position: relative;
}

Now I still have a problem, concernig different width between head and rows. How could I modify the following script to give the same width to head and rows?

for (var i = 0; i < aHeadNodes.length; i++){
sHTML += '';
}

Thank you in advance,
Luca.

how do i view the response to this post?