Hi how to display 5,10,15 records per page in grid in html t


Can u please tell me how to display 5 records,10 records…etc based on selection…here is my code…in which i had written callrecordspage(this) method…i can able to clear the tabel…but i don’t know how to reload the table…help needed urgent…i very thankful for ur previous help and guidance…

New Document


html {

    scrollbar-face-color: #DFDFDF;

    scrollbar-shadow-color: #ffffff;

    scrollbar-highlight-color: #ffffff;

    scrollbar-3dlight-color: #DFDFDF;

    scrollbar-darkshadow-color: #ffffff;

    scrollbar-track-color: #ffffff;

    scrollbar-arrow-color: #113c7f;


.bodyCopy {

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 10px;

    color: #585858;

    line-height: 15px;


    div.gridbox .xhdr{




    div.gridbox table.hdr{





    div.gridbox div.ftr td{




    div.gridbox table.hdr td {





    .footertable {

    border-bottom: #505050 1px solid;

    border-left: #505050 1px solid;

    border-right: #505050 1px solid;

    font-size: 11px;

    height: 28px;

    width: 100%;

    font-size: 11px;




    .scroll {

    width: 50%;

    overflow: auto;

    padding: 0px;

    height: 170px;

    border: 1px solid #505050


        sb dark























Change Id Type Short Description Stake Holders Linked to Requirement Date Submitted Submitted By Customer Priority
33 sss dddd 33 sss dddd 33
33 sss dddd 33 sss dddd 33





     Change Request Info     

         Evaluation Tab     

         Implementation Tab      

         Documentation Tab      




Records Per Page



You can use code similar to next

function callrecordspage(elemt)
var sel=elemt.options[elemt.selectedIndex].value;
alert("selct vlue "+sel);

mygrid.rowsBufferOutSize=sel; //set new size of page
mygrid.changePage(); //force view update