تسجيل الدخول | التسجيل | الأسئلة المتكررة
Anonymous

How to add virtical scroll bar in gridview?

+ إضافة رد

5 مشاركة صفحة 1 من 1


How to add virtical scroll bar in gridview?

بواسطة confidence123 » الأربعاء أكتوبر 22, 2014 5:54 am

Plz give the proper solution..
صورة العضو الشخصية

confidence123

  • مشاركات: 7
  • اشترك في: الاثنين أكتوبر 13, 2014 4:38 am

Re: How to add virtical scroll bar in gridview?

بواسطة XainPro » الاثنين أكتوبر 27, 2014 7:29 am

You can put it inside a div like this:

<div style="width: 100%; height: 400px; overflow: scroll">your GridView</div>
صورة العضو الشخصية

XainPro

  • مشاركات: 3933
  • اشترك في: الجمعة فبراير 17, 2012 8:10 pm

Re: How to add virtical scroll bar in gridview?

بواسطة Farhin Qureshi » الاثنين يناير 23, 2017 10:35 am

Hi,

You can add vertical scroll bar in gridview using this below link.

http://www.aspsnippets.com/Articles/Add-vertical-scrollbar-to-GridView-in-ASPNet.aspx

Thanks.
صورة العضو الشخصية

Farhin Qureshi

  • مشاركات: 45
  • اشترك في: الثلاثاء يناير 03, 2017 11:33 am
--
Farhin Qureshi
.NET Developer
http://www.ifourtechnolab.com

Re: How to add virtical scroll bar in gridview?

بواسطة Rdube123 » الجمعة نوفمبر 17, 2017 7:04 am

Here I write a code to explain how to add Virtical scroll bar in gridview:
HTML Markup
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="up" runat="server">
<ContentTemplate>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
<Columns>
<asp:BoundField DataField="ContactName" HeaderText="Contact Name" />
<asp:BoundField DataField="City" HeaderText="City" />
<asp:BoundField DataField="Country" HeaderText="Country" />
</Columns>
</asp:GridView>
<asp:Button ID="Button1" runat="server" Text="Refresh" />
</ContentTemplate>
</asp:UpdatePanel>
Applying the Scrollable Grid jQuery Plugin

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="Scripts/ScrollableGridViewPlugin_ASP.NetAJAXmin.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#<%=GridView1.ClientID %>').Scrollable({
ScrollHeight: 300,
IsInUpdatePanel: true
});
});
</script>
صورة العضو الشخصية

Rdube123

  • مشاركات: 1
  • اشترك في: الجمعة نوفمبر 17, 2017 6:51 am

Re: How to add virtical scroll bar in gridview?

بواسطة Samantha14 » الاثنين سبتمبر 03, 2018 8:18 am

XainPro كتب:You can put it inside a div like this:

<div style="width: 100%; height: 400px; overflow: scroll">your GridView</div>


I tried your solution and it worked well for desktop version of my site. But for some reason it is not working on my site's mobile version.

Can you tell me why?




----------------------------------------------------
https://www.netguru.co/services
صورة العضو الشخصية

Samantha14

  • مشاركات: 10
  • اشترك في: الاثنين سبتمبر 03, 2018 6:46 am


+ إضافة رد

صفحة 1 من 1