解决 GridView 多行表头显示 的方法
来源:互联网 发布:上汽集团有限公司知乎 编辑:程序博客网 时间:2024/05/29 18:27
这只是一个很简单的效果演示,实现 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显示带有中国式报表表头的方法
- asp.net GridView多行表头的实现,合并表头
- gridview多行表头
- GridView多行表头
- GridView多行表头
- GridView多行合并表头的实现
- GRIDVIEW多行表头的实现
- GridView多行表头的实现
- Gridview空数据的时候显示表头
- Gridview空数据的时候显示表头
- Gridview空数据的时候显示表头
- Android 解决ListView嵌套GridView、GridView显示不正常的方法
- GridView实现多表头合并,解决表头数据对不齐
- 完美解决-绑定gridview时,无内容仍显示表头。
- GridView固定表头的方法两则
- 解决mybatis在oracle中null的问题
- android: RoundCornerImageView 图片视图 倒圆角
- struts中redirect与dispatch的区别
- 陆首群: 再谈“看好MeeGo是匹黑马”
- struts学习笔记3接收web前端前台传来的数据
- 解决 GridView 多行表头显示 的方法
- python shell
- Libevent(二)
- MFC中定义全局变量和全局函数的方法
- sql的分页函数
- Linux操作系统进程间通信概述
- 笔记地球
- Win7可用的笔记本电池校正软件( 64、32位)
- pinyin4j