如何在水平滚动时仅修复gridview上的某些列?

时间:2019-05-14 07:41:28

标签: javascript css asp.net gridview datagridviewcolumn

我尽了一切努力,但没有任何效果。我想在水平滚动时修复gridview的第一,第二,第三和第四列。我正在使用asp:GridView,如下所示:

            <div id="GridViewContainer" class="gridview">
        <asp:GridView ID="GridView1" runat="server" AllowPaging="True"  PageSize="40" CellPadding="4" ShowFooter="true" OnRowDataBound="GridView1_RowDataBound"
            ForeColor="#333333" GridLines="None" CssClass="Grid" AlternatingRowStyle-CssClass="alt" AutoGenerateEditButton="true" HorizontalAlign="Center"
            PagerStyle-CssClass="pgr" >
            <AlternatingRowStyle BackColor="White" ForeColor="#284775"  />
            <Columns>
                <asp:TemplateField HeaderText="No" ItemStyle-CssClass="pinnedNo" HeaderStyle-CssClass="pinnedNo"  FooterStyle-CssClass="pinnedNo">
                    <ItemTemplate >
                        <%# Container.DataItemIndex + 1 %>                             
                    </ItemTemplate>
                    <FooterTemplate>
                        <button  id="btn" type="button" runat="server"></button>
                    </FooterTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="Name" ItemStyle-CssClass="pinnedName" HeaderStyle-CssClass="pinnedName" FooterStyle-CssClass="pinnedName">
                       <ItemTemplate>
                           <textbox runat="server"></textbox>
                       </ItemTemplate>
                </asp:TemplateField>   
                 <asp:TemplateField HeaderText="Status" ItemStyle-CssClass="pinnedStatus"  HeaderStyle-CssClass="pinnedStatus" FooterStyle-CssClass="pinnedStatus">
                    <ItemTemplate>
                        <label class="switch">
                          <input type="checkbox">
                          <span class="slider round"></span>
                        </label>
                    </ItemTemplate>
                </asp:TemplateField>                      
            </Columns>
        </asp:GridView>
    </div>

第一栏是编辑栏,其他栏分别是编号,名称和状态。

0 个答案:

没有答案