解决 GridView 多行表头显示 的方法
2011-10-10 09:37
507 查看
这只是一个很简单的效果演示,实现 GridView 两行或多行表头的显示
我们先来看一下效果:
再来看看源代码:
这只是两行两列表头的演示,多行的效果方法是一样的
我们先来看一下效果:
再来看看源代码:
<%@ Page Title="主页" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"> </asp:Content> <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> <h2> 欢迎使用 ASP.NET! </h2> <p> <asp:GridView ID="GridView1" runat="server" Width="383px" AutoGenerateColumns="False" CellPadding="4" ForeColor="#333333" GridLines="None"> <AlternatingRowStyle BackColor="White" /> <Columns> <asp:TemplateField HeaderText="序号"></asp:TemplateField> <asp:TemplateField HeaderStyle-Width="100px"> <HeaderTemplate> <table align="center"> <tr> <td> 学员姓名 </td> </tr> <tr> <td> 学员成绩 </td> </tr> </table> </HeaderTemplate> <HeaderStyle Width="100px"></HeaderStyle> </asp:TemplateField> <asp:TemplateField HeaderStyle-Width="100px"> <HeaderTemplate> <table width="100%" align="center"> <tr> <td colspan="2" width="50%"> 张三 </td> </tr> <tr> <td width="25%"> 数学 </td> <td width="25%"> 语文 </td> </tr> </table> </HeaderTemplate> <ItemTemplate> <table width="100%"> <tr> <td width="25%"> <%# Eval("")%> </td> <td width="25%"> <%# Eval("") %> </td> </tr> </table> </ItemTemplate> <HeaderStyle Width="100px"></HeaderStyle> </asp:TemplateField> <asp:TemplateField HeaderStyle-Width="100px"> <HeaderTemplate> <table width="100%"> <tr> <td colspan="2" width="50%"> 李四 </td> </tr> <tr> <td width="25%"> 数学 </td> <td width="25%"> 语文 </td> </tr> </table> </HeaderTemplate> <ItemTemplate> <table width="100%"> <tr> <td width="25%"> <%# Eval("")%> </td> <td width="25%"> <%# Eval("") %> </td> </tr> </table> </ItemTemplate> <HeaderStyle Width="100px"></HeaderStyle> </asp:TemplateField> </Columns> <EditRowStyle BackColor="#2461BF" /> <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" /> <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" /> <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" /> <RowStyle BackColor="#EFF3FB" /> <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" /> <SortedAscendingCellStyle BackColor="#F5F7FB" /> <SortedAscendingHeaderStyle BackColor="#6D95E1" /> <SortedDescendingCellStyle BackColor="#E9EBEF" /> <SortedDescendingHeaderStyle BackColor="#4870BE" /> </asp:GridView> </asp:Content>
这只是两行两列表头的演示,多行的效果方法是一样的
相关文章推荐
- GridView绑定数据源,无记录时表头也显示的一种解决方法
- GridView绑定数据源,无记录时表头也显示的一种解决方法
- GridView绑定数据源,无记录时表头也显示的一种解决方法
- GridView绑定数据源,无记录时表头也显示的一种解决方法
- GridView绑定数据源,无记录时表头也显示的一种解决方法
- GridView绑定数据源,无记录时表头也显示的一种解决方法
- GridView绑定数据源,无记录时表头也显示的一种解决方法
- GridView绑定数据源,无记录时表头也显示的一种解决方法
- gridview 绑定数据为空时,表头部分内容显示的解决方法
- ListView嵌套GridView显示不全解决方法
- ListView中嵌套GridView显示不全的解决方法
- datagrid绑定list没有数据 表头不显示的解决方法
- 完美解决-绑定gridview时,无内容仍显示表头。
- GridView数据源为空时显示表头方法
- GridView中日期不显示时分秒的完美解决方法
- GridView,空数据时显示表头最简单的方法!
- 解决ScrollView嵌套ListView和GridView冲突只显示一行Item的高度的方法
- android ScrollVIew中嵌套GridView,和ListView显示不全解决方法
- Android 解决ListView嵌套GridView、GridView显示不正常的方法
- Android在ListView中嵌套一个GridView时只显示一行的原因及解决方法