GridView双层表头应该如何做

2012-05-01

GridView双层表头应该怎么做？现在我把我刚写好的单层表头贴一下，就是很普通的GridView+dataTable方式。前台

GridView双层表头应该怎么做？
现在我把我刚写好的单层表头贴一下，就是很普通的GridView+dataTable方式。

前台

HTML code

<asp:GridView ID="gv_EmployeeP" runat="server" AutoGenerateColumns="False"                     OnRowDataBound="gv_OrderInfo_RowDataBound">                    <Columns>                        <asp:BoundField DataField="客服" HeaderText="客服" ReadOnly="True">                        <HeaderStyle Font-Bold="True" />                        <ItemStyle Width="40px" />                        </asp:BoundField>                        <asp:BoundField DataField="今日总共" HeaderText="总共" ReadOnly="True">                        <HeaderStyle Font-Bold="True" />                        <ItemStyle Width="40px" />                        </asp:BoundField>                        <asp:BoundField DataField="今日已到" HeaderText="已到" ReadOnly="True">                        <HeaderStyle Font-Bold="True" />                        <ItemStyle Width="40px" />                        </asp:BoundField>                        <asp:BoundField DataField="今日未到" HeaderText="未到" ReadOnly="True">                        <HeaderStyle Font-Bold="True" />                        <ItemStyle Width="40px" />                        </asp:BoundField>                        <asp:BoundField DataField="昨日总共" HeaderText="总共" ReadOnly="True">                        <HeaderStyle Font-Bold="True" />                        <ItemStyle Width="40px" />                        </asp:BoundField>                        <asp:BoundField DataField="昨日已到" HeaderText="已到" ReadOnly="True">                        <HeaderStyle Font-Bold="True" />                        <ItemStyle Width="40px" />                        </asp:BoundField>                        <asp:BoundField DataField="昨日未到" HeaderText="未到" ReadOnly="True">                        <HeaderStyle Font-Bold="True" />                        <ItemStyle Width="40px" />                        </asp:BoundField>                        <asp:BoundField DataField="昨日总共" HeaderText="总共" ReadOnly="True">                        <HeaderStyle Font-Bold="True" />                        <ItemStyle Width="40px" />                        </asp:BoundField>                    </Columns>                </asp:GridView>

禁用了自动生成列->AutoGenerateColumns=false

后台生成dataTalble代码如下

C# code

        private DataTable OneSelfData(DataTable _dt)        {            DataTable dt = new DataTable("Table_OneSelf");            dt.Columns.Add("客服", System.Type.GetType("System.String"));            dt.Columns.Add("今日总共", System.Type.GetType("System.Int32"));            dt.Columns.Add("今日已到", System.Type.GetType("System.Int32"));            dt.Columns.Add("今日未到", System.Type.GetType("System.Int32"));            dt.Columns.Add("昨日总共", System.Type.GetType("System.Int32"));                        //。。省略                        DataRow dr = dt.NewRow();           //中间代码省略            dt.Rows.Add(dr);            return dt;         }

从我的代码可以看出，就是普通的GridView+DataTable方式绑定的。

我想实现的效果是->上前台代码中的第2~4列添加一个“今日”列，在最后“三列”头部加一个“昨日”列。

在网上搜了一些，自己也正在研究中。。。发个帖子的目的是希望高手给点快速完成这个功能的方案（比如最好不要破坏我原有的后台代码结构）

[解决办法]
帮顶了，顺便学习
[解决办法]
把这6个列改成<HeaderStyle Font-Bold="True" Height="50px" VerticalAlign="Bottom" />
把文字靠下，然后贴个div上去，就可以了。

[解决办法]

HTML code

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm4.aspx.cs" Inherits="WebTest.WebForm4" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <title></title></head><body>    <form id="form1" runat="server"> <asp:GridView ID="gv_EmployeeP" runat="server" AutoGenerateColumns="False"                     OnRowDataBound="gv_OrderInfo_RowDataBound"         onrowcreated="gv_EmployeeP_RowCreated">                    <Columns>                        <asp:BoundField DataField="客服" HeaderText="客服" ReadOnly="True">                        <HeaderStyle Font-Bold="True" />                        <ItemStyle Width="40px" />                        </asp:BoundField>                        <asp:BoundField DataField="今日总共" HeaderText="总共" ReadOnly="True">                        <HeaderStyle Font-Bold="True" />                        <ItemStyle Width="40px" />                        </asp:BoundField>                        <asp:BoundField DataField="今日已到" HeaderText="已到" ReadOnly="True">                        <HeaderStyle Font-Bold="True" />                        <ItemStyle Width="40px" />                        </asp:BoundField>                        <asp:BoundField DataField="今日未到" HeaderText="未到" ReadOnly="True">                        <HeaderStyle Font-Bold="True" />                        <ItemStyle Width="40px" />                        </asp:BoundField>                        <asp:BoundField DataField="昨日总共" HeaderText="总共" ReadOnly="True">                        <HeaderStyle Font-Bold="True" />                        <ItemStyle Width="40px" />                        </asp:BoundField>                        <asp:BoundField DataField="昨日已到" HeaderText="已到" ReadOnly="True">                        <HeaderStyle Font-Bold="True" />                        <ItemStyle Width="40px" />                        </asp:BoundField>                        <asp:BoundField DataField="昨日未到" HeaderText="未到" ReadOnly="True">                        <HeaderStyle Font-Bold="True" />                        <ItemStyle Width="40px" />                        </asp:BoundField>                        <asp:BoundField DataField="昨日总共" HeaderText="总共" ReadOnly="True">                        <HeaderStyle Font-Bold="True" />                        <ItemStyle Width="40px" />                        </asp:BoundField>                    </Columns>                </asp:GridView>    </form></body></html>

热点排行

asp.net

GridView双层表头应该如何做