scroll bar in jquery gridview

Posted by Udaysimha under jQuery on 3/10/2012 | Points: 10 | Views : 2764 | Status : [Member] | Replies : 3
Hi All,

I am using jquery griview in my application, problem is when ever i add`s new column to gridview two scroll bars are appering on the screen. I want to delete one scroll bar, please help me to achive that.

uday


Responses

Posted by: Sabarimahesh on: 3/20/2012 [Member] Bronze | Points: 25

Up
0
Down
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="content-type">
<link href="styles/jScrollPane.css" media="all" type="text/css" rel="stylesheet">
<script src="scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="scripts/jquery.mousewheel.js" type="text/javascript"></script>
<script src="scripts/jScrollPane.js" type="text/javascript"></script>

<!-- the following style can also be moved to a file and can be referenced -->
<style type="text/css">
.scroll-pane {
width: 200px;height: 200px;
overflow: auto;
background: #ccc;float: left;
}
.jScrollPaneTrack {
background: url(images/windows_track.gif) repeat-y;
}
.jScrollPaneDrag {
background: url(images/windows_drag_middle.gif) no-repeat 0 50%;
}
.jScrollPaneDragTop {
background: url(images/windows_drag_top.gif) no-repeat;
height: 4px;
}
.jScrollPaneDragBottom {
background: url(images/windows_drag_bottom.gif) no-repeat;
height: 4px;
}
a.jScrollArrowUp {
height: 17px;
background: url(images/windows_arrow_up.gif) no-repeat 0 0;
}
a.jScrollArrowUp:hover {
background-position: 0 -20px;
}
a.jScrollArrowDown {
height: 17px;
background: url(images/windows_arrow_down.gif) no-repeat 0 0;
}
a.jScrollArrowDown:hover {
background-position: 0 -20px;
}
a.jScrollActiveArrowButton, .winXP a.jScrollActiveArrowButton:hover {
background-position: 0 -40px;
}
</style>

<script type="text/javascript">
$(function()
{
// this initialises the demo scollpanes on the page.
$('#div1').jScrollPane({showArrows:true, scrollbarWidth: 17});
});
</script>

</head>
<body>
<div id="div1" >

</div>
</body>
</html>


Life is a Race
Thanks & Regards
By
Sabari Mahesh P M

Udaysimha, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Sabarimahesh on: 3/20/2012 [Member] Bronze | Points: 25

Up
0
Down
OTherwise Use this Link

http://code.msdn.microsoft.com/CSASPNETFixedHeaderGridView-9782c89b

Life is a Race
Thanks & Regards
By
Sabari Mahesh P M

Udaysimha, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Patel28rajendra on: 3/20/2012 [Member] Starter | Points: 25

Up
0
Down
Hi
visit this link

http://stackoverflow.com/questions/2164434/scrolling-pagination-on-gridview-via-jquery-help

R D Patel

Udaysimha, if this helps please login to Mark As Answer. | Alert Moderator

Login to post response