Displaying scrollable table in jsp

[pvsr rao]

In my Project I have one requirement.I should display a scrollable table that should display 5 rows.when i scroll it should display the other rows.how to do this.I Have searched the google but unable to found the solution.If any one had done thisplease reply

[Michael Ku]

What other rows? I do not understand your question?

[Bear Bibeault]

You could display the table in an iframe, or you could display it in a div with a fixed height and the overflow CSS property set to auto.
[ August 01, 2007: Message edited by: Bear Bibeault ]

[Jetendra Ivaturi]

Even I m struck with the same problem. But I got successed in displaying records 5 per page. Here I m using next and previous buttons to display.

[Please read this ]
[ August 03, 2007: Message edited by: Bear Bibeault ]

[Dan Drillich]

Good link - http://home.tampabay.rr.com/bmerkey/examples/nonscroll-table-header.html


I got exactly five rows by making the changes in bold -

   
 
div.tableContainer {
width: 65%;/* table width will be 99% of this*/
height: [B]115[/B]px; /* must be greater than tbody    original - 295px */
overflow: auto;
margin: 0 auto;
}
 
table {
width: 99%;/*100% of container produces horiz. scroll in Mozilla*/
border: none;
background-color: #f7f7f7;
}

table>tbody{  /* child selector syntax which IE6 and older do not support*/
overflow: auto; 
height:[B]110[/B]px;    /* original - 250px */
overflow-x: hidden;
}