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>




Comments

Popular posts from this blog

How to write Pure java script Program?