locked
Fix the header of Gridview with Bootstrap 4 template RRS feed

  • Question

  • User1239610449 posted

    I am using bootstrap 4 template for my web application and i want to fix the header of my gridview control using bootstrap.

    Please anyone can guide me as I have been gone through several examples but no success.

    My Gridview HTML:

               <asp:GridView ID="gvList" runat="server" Width="100%" ShowFooter="false" cssclass="table table-bordered" AllowPaging="True" PageSize="100" AutoGenerateColumns="False">
                   
                       <Columns>
                        <asp:TemplateField HeaderText="S.No.">
                            <ItemTemplate>
                                <asp:Label ID="lblSerialNo" runat="server" Text='<%# Container.DataItemIndex + 1 %>' ></asp:Label> 
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Customer Name">
                            <ItemTemplate>
                                <asp:Label ID="lblCustomerName" runat="server" Text='<%# Bind("NAME") %>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Sales No.">
                            <ItemTemplate>
                                <asp:Label ID="lblSalesNo" runat="server" Text='<%# Bind("SALES_NO") %>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Reg. No.">
                            <ItemTemplate>
                                <asp:Label ID="lblRegNo" runat="server" Text='<%# Bind("VECH_REGNO") %>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>

                    </Columns>

                </asp:GridView>

     

    Friday, November 20, 2020 7:46 AM

Answers

  • User1535942433 posted

    Hi knowledgist,

    The ScrollableGridPlugin's download link is this.

    Best regards,

    Yijing Sun

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Tuesday, December 22, 2020 5:57 AM

All replies