Search jQuery

jQuery Forum

Using jQuery Plugins

user_capr..

Scrolling in table

in Using jQuery Plugins • 6 years ago

I try this grid please check link LINK

now i successfully display this but there is no scroll

<%--for grid--%>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">

</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 .

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

and i add these two classes like this in jquery

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

so i add when i try this then nothing happens

$("#tabledata").addClass('GridviewScrollPager');

ANY SOLUTION ?

Replies(16)

jakecigar

Re: Scrolling in table

6 years ago

Did you forget to call gridviewScroll? Did you follow the directions on the page you shared?

JΛ̊KE

user_capr..

Re: Scrolling in table

6 years ago

i try this css with the reference link ..

also i call gridviewscroll like this .. but nothing happens

$("#tabledata").addClass('GridviewScrollPager');

.GridviewScrollHeader TH, .GridviewScrollHeader TD 
{ 
    padding: 5px; 
    font-weight: bold; 
    white-space: nowrap; 
    border-right: 1px solid #AAAAAA; 
    border-bottom: 1px solid #AAAAAA; 
    background-color: #EFEFEF; 
    text-align: left; 
    vertical-align: bottom; 
} 
.GridviewScrollItem TD 
{ 
    padding: 5px; 
    white-space: nowrap; 
    border-right: 1px solid #AAAAAA; 
    border-bottom: 1px solid #AAAAAA; 
    background-color: #FFFFFF; 
} 
.GridviewScrollPager  
{ 
    border-top: 1px solid #AAAAAA; 
    background-color: #FFFFFF; 
} 
.GridviewScrollPager TD 
{ 
    padding-top: 3px; 
    font-size: 14px; 
    padding-left: 5px; 
    padding-right: 5px; 
} 
.GridviewScrollPager A 
{ 
    color: #666666; 
}

.GridviewScrollPager SPAN

{

    font-size: 16px;

    font-weight: bold;

}

jakecigar

Re: Scrolling in table

6 years ago

$("#tabledata").addClass('GridviewScrollPager');

Is not how they run gridviewScroll in any of the demos. See Demo - Support - GridViewScroll with jQuery

JΛ̊KE

user_capr..

Re: Scrolling in table

6 years ago

no.. i use this one ..

table scroll basic

i use html table .. and also i add this one but nor work

<script type="text/javascript"> 
    $(document).ready(function () { 
        gridviewScroll(); 
    }); 
    function gridviewScroll() { 
        $('#tabledata').gridviewScroll({ 
            width: 660, 
            height: 200 
        }); 
    } 
</script>