Scrolling in table

Scrolling in table

I try this grid please check link  LINK

now i successfully display this but there is no scroll

<%--for grid--%>


  1. </script> <script type="text/javascript" src=" http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js">

    </script> <script type="text/javascript" src="Scripts/gridviewScroll.js"></script> <script type="text/javascript" src="Scripts/gridviewScroll.min.js"></script>

CHECK IMAGE 


i can not use asp gridview i use this . 

  2. <table id="tabledata" cellspacing="0" style="width: 100%; border-collapse: collapse;">


  5. </table>

and i add these two classes like this in jquery 

  2. $("#tabledata tr:first").addClass('GridviewScrollHeader');
  3. $("#tabledata tr").addClass('GridviewScrollItem');

so  i add  when i try this then nothing happens 

$("#tabledata").addClass('GridviewScrollPager');
ANY SOLUTION ?