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

How to add virtical scroll bar in gridview?

+ إضافة رد

4 مشاركة صفحة 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


+ إضافة رد

صفحة 1 من 1