如何在asp.net中将Grid View Header设为静态 [英] how to make Grid View Header as Static in asp.net
本文介绍了如何在asp.net中将Grid View Header设为静态的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在创建一个使用gridview的应用程序.在gridview中,我使用面板来滚动数据,但是它也滚动了gridview的标题.我只希望gridview的数据滚动而不是标题.下面是给定的gridview源代码.
< asp:Panel ID =" grid_panel" runat =" 服务器" 高度 =" 宽度 =" 800px" ScrollBars 垂直" < asp:GridView ID =" 宽度 780px " runat 服务器"
span> = " BorderWidth ="
span> AutoGenerateColumns =" 错误"
span> =" grdCounterList_RowDataBound"
=" grdCounterList_SelectedIndexChanged"
=" 白色" BorderColor =" =" 无" CellPadding 3" < RowStyle =" Center" ForeColor >#000066" > < /RowStyle >
< 列 >
< asp:TemplateField HeaderText =" < HeaderStyle =" 18px" HorizontalAlign center" CssClass =" gridheader" >
< ItemStyle 宽度 =" HorizontalAlign 居中" >
< ItemTemplate >
< asp:TextBox id =" runat 服务器" 列 25" =" 文本框" 文本 =" " > < /asp:TextBox >
< /ItemTemplate >
< /asp:TemplateField >
< asp:TemplateField HeaderText =" HeaderStyle-Width 70px" >
< HeaderStyle =" center" CssClass gridheader" / >
< ItemStyle 宽度 =" HorizontalAlign 居中 / >
< ItemTemplate >
< asp:CheckBox ID =" runat 服务器" 工具提示 <%#Bind(" )%> ' 文本 =" CssClass 复选框" </span> / < /ItemTemplate >
< /asp:TemplateField >
< asp:TemplateField HeaderText =" >
< HeaderStyle =" 20px" HorizontalAlign center" CssClass =" gridheader" >
< ItemStyle 宽度 =" =" / >
< ItemTemplate >
< asp:CheckBox ID =" runat 服务器" 工具提示 <%#Bind(" )%> ' 文本 =" CssClass 复选框" / >
< /ItemTemplate >
< /asp:TemplateField >
< asp:TemplateField HeaderText =" 付款方式" >
< HeaderStyle =" 20px" HorizontalAlign center" CssClass =" / < ItemStyle 宽度 =" 20%" HorizontalAlign =" / >
< ItemTemplate >
< asp:RadioButtonList ID =" runat =" 服务器" CssClass =" TextAlign 左" < /asp:RadioButtonList >
< /ItemTemplate >
< /asp:TemplateField >
< asp:TemplateField HeaderText =" >
< HeaderStyle =" 20px" HorizontalAlign center" CssClass =" / < ItemStyle 宽度 =" 20%" HorizontalAlign =" / >
< ItemTemplate >
< asp:CheckBoxList ID =" runat 服务器" AutoPostBack true" CssClass 复选框" OnSelectedIndexChanged =" span> >
< /asp:CheckBoxList >
< /ItemTemplate >
< /asp:TemplateField >
< asp:TemplateField HeaderText =" >
< HeaderStyle =" 20px" HorizontalAlign center" CssClass =" / < ItemStyle 宽度 =" 20%" HorizontalAlign =" / >
< ItemTemplate >
< asp:Button ID =" runat 服务器" 文本 添加菜单"
span> ForeColor =" =" OnClick =" / >
< /ItemTemplate >
< /asp:TemplateField >
< /列 >
< FooterStyle =" 白色" ForeColor 黑色" / >
< PagerStyle =" 左" BackColor 白色" ForeColor =" 黑色" / < SelectedRowStyle =" #669999" 字体粗体 True" ForeColor =" 黑色" / >
< HeaderStyle =" #006699" 字体粗体 True" ForeColor =" 黑色" / >
< AlternatingRowStyle BackColor =" #f8f8f8" / >
< /asp:GridView >
< /asp:Panel >
解决方案
遍历这些
固定标题的网格视图 [固定标题的网格视图 [如何修复GridView的页眉和页脚 [具有固定页眉和寻呼机的扩展GridView [ ^ ]
请参阅:
http://www.aspsnippets.com/Articles/Scrollable- GridView-with-Fixed-Headers-in-ASP.Net.aspx [<asp:Panel ID ="grid_panel" runat ="server" Height="250px" Width ="800px" ScrollBars="Vertical"> <asp:GridView ID="grdCounterList" Width="780px" runat="server" RowStyle-HorizontalAlign="Center" BorderWidth="1px" AutoGenerateColumns="False" OnRowDataBound="grdCounterList_RowDataBound" onselectedindexchanged="grdCounterList_SelectedIndexChanged" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" CellPadding="3"> <RowStyle HorizontalAlign="Center" ForeColor="#000066"></RowStyle> <Columns> <asp:TemplateField HeaderText="Counter Name"> <HeaderStyle Height="18px" HorizontalAlign="center" CssClass="gridheader"/> <ItemStyle Width="25%" HorizontalAlign="Center"/> <ItemTemplate> <asp:TextBox id="txtCounter" runat="server" Columns="25" CssClass="textbox" Text=" " ></asp:TextBox> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Status" HeaderStyle-Width="70px" > <HeaderStyle HorizontalAlign="center" CssClass="gridheader"/> <ItemStyle Width="10%" HorizontalAlign="center"/> <ItemTemplate> <asp:CheckBox ID="chkActive" runat="server" ToolTip='<%# Bind("Counter_id") %>' Text="Active" CssClass="checkbox" /> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Default Counter" > <HeaderStyle Height="20px" HorizontalAlign="center" CssClass="gridheader"/> <ItemStyle Width="20%" HorizontalAlign="center" /> <ItemTemplate> <asp:CheckBox ID="chkDefault" runat="server" ToolTip='<%# Bind("Counter_id") %>' Text="Default" CssClass="checkbox" /> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Payment Mode" > <HeaderStyle Height="20px" HorizontalAlign="center" CssClass="gridheader"/> <ItemStyle Width="20%" HorizontalAlign="center" /> <ItemTemplate> <asp:RadioButtonList ID="radPaymentMode" runat="server" CssClass="radiobutton" TextAlign="Left" > </asp:RadioButtonList> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Swipe Machine" > <HeaderStyle Height="20px" HorizontalAlign="center" CssClass="gridheader"/> <ItemStyle Width="20%" HorizontalAlign="center" /> <ItemTemplate> <asp:CheckBoxList ID="chkMachine" runat="server" AutoPostBack="true" CssClass="checkbox" OnSelectedIndexChanged="chkMachine_SelectedIndexChanged"> </asp:CheckBoxList> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Menu Items" > <HeaderStyle Height="20px" HorizontalAlign="center" CssClass="gridheader"/> <ItemStyle Width="20%" HorizontalAlign="center" /> <ItemTemplate> <asp:Button ID="btnMenus" runat="server" Text="Add Menu" ForeColor="White" BackColor="#205d9c" OnClick="btnMenus_Click" /> </ItemTemplate> </asp:TemplateField> </Columns> <FooterStyle BackColor="White" ForeColor="Black" /> <PagerStyle HorizontalAlign="Left" BackColor="White" ForeColor="BLACK" /> <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="Black" /> <HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="Black" /> <AlternatingRowStyle BackColor ="#f8f8f8" /> </asp:GridView> </asp:Panel>解决方案go through these
Grid View with Fixed Header[^]
Gridview with Fixed Header[^]
How to Fixed GridView''s Header and Footer when scrolling?[^]
Extended GridView with Fixed Header and Pager[^]
Refer this:
http://www.aspsnippets.com/Articles/Scrollable-GridView-with-Fixed-Headers-in-ASP.Net.aspx[^]
这篇关于如何在asp.net中将Grid View Header设为静态的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文