scrollable gridview using j query in asp.net c#
<script src="Scripts/jquery-2.1.1.min.js"></script>
<script src="Scripts/ScrollableGridPlugin_ASP.NetAJAX_2.0.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#<%=gvAuditLog.ClientID %>').Scrollable({
ScrollHeight: 400,
IsInUpdatePanel: true
});
});
</script>
<asp:GridView ID="gvAuditLog" runat="server" EmptyDataText="No Records" HeaderStyle-BackColor="black" HeaderStyle-ForeColor="White"
AutoGenerateColumns="true" PageSize="10" CssClass="form-grid" RowStyle-Height="20px" HeaderStyle-HorizontalAlign="Center"
AllowPaging="True" ShowHeaderWhenEmpty="True" Width="100%" OnRowCommand="gvAuditLog_RowCommand">
<Columns>
<asp:TemplateField HeaderText="Action">
<ItemTemplate>
<asp:LinkButton ID="lbtnView" runat="server" Text="View" ForeColor="Aqua" CommandName="View" Font-Bold="true" Font-Underline="true" CommandArgument='<%#Eval("SerialNo") %>'></asp:LinkButton>
<asp:HiddenField ID="hfdSerialno" runat="server" Value='<%#Eval("SerialNo") %>' />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<script src="Scripts/ScrollableGridPlugin_ASP.NetAJAX_2.0.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#<%=gvAuditLog.ClientID %>').Scrollable({
ScrollHeight: 400,
IsInUpdatePanel: true
});
});
</script>
<asp:GridView ID="gvAuditLog" runat="server" EmptyDataText="No Records" HeaderStyle-BackColor="black" HeaderStyle-ForeColor="White"
AutoGenerateColumns="true" PageSize="10" CssClass="form-grid" RowStyle-Height="20px" HeaderStyle-HorizontalAlign="Center"
AllowPaging="True" ShowHeaderWhenEmpty="True" Width="100%" OnRowCommand="gvAuditLog_RowCommand">
<Columns>
<asp:TemplateField HeaderText="Action">
<ItemTemplate>
<asp:LinkButton ID="lbtnView" runat="server" Text="View" ForeColor="Aqua" CommandName="View" Font-Bold="true" Font-Underline="true" CommandArgument='<%#Eval("SerialNo") %>'></asp:LinkButton>
<asp:HiddenField ID="hfdSerialno" runat="server" Value='<%#Eval("SerialNo") %>' />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
Comments
Post a Comment