ASP.NET中重复表格列合并的实现方法(转自脚本之家)

这几天做一个项目有用到表格显示数据的地方，客户要求重复的数据列需要合并，就总结了一下.NET控件GridView 和 Repeater 关于重复数据合并的方法。

这是合并之前的效果：

合并之后的效果图如下：

GridView示例：

前台代码：

  <div id="SelectBox" style="height: 500px">

                     <div id="BoxDiv" style="overflow: auto;">

                         <%--Box类--%>

                         <label style="font-size: 15px; font-weight: 700">

                             Box</label>

                         <table id="box" cellpadding="" cellspacing="" style="width: 1800px;">

                             <thead>

                                 <tr>

                                     <th rowspan="" align="center" style="width: 100px">

                                         Quotation Number

                                     </th>

                                     <th rowspan="" align="center" style="width: 100px">

                                         Program Name

                                     </th>

                                     <th rowspan="" align="center" style="width: 120px">

                                         Completed Size<br />

                                         成品尺寸

                                     </th>

                                     <th rowspan="" align="center" style="width: 100px">

                                         Components

                                     </th>

                                     <th rowspan="" align="center" style="width: 100px">

                                         Part Size

                                     </th>

                                     <th rowspan="" align="center" style="width: 150px">

                                         Material

                                     </th>

                                     <th colspan="" align="center" style="width: 200px">

                                         Printing Color

                                     </th>

                                     <th rowspan="" align="center" style="width: 100px">

                                         Finishing

                                     </th>

                                     <th rowspan="" align="center" style="width: 100px">

                                         Construction

                                     </th>

                                     <th rowspan="" align="center" style="width: 100px">

                                         Packing

                                     </th>

                                     <th rowspan="" align="center" style="width: 100px">

                                         Delivery

                                     </th>

                                     <th rowspan="" align="center" style="width: 100px">

                                         VAT

                                     </th>

                                 </tr>

                                 <tr>

                                     <th align="center" style="width: 100px">

                                         色数

                                     </th>

                                     <th align="center" style="width: 100px">

                                         专色

                                     </th>

                                 </tr>

                             </thead>

                             <tbody id="Tbody">

                                 <asp:Repeater ID="rptIncome" runat="server">

                                     <ItemTemplate>

                                         <tr>

                                             <td runat="server" id="td0">

                                                 <%#Eval("Quotation")%>

                                             </td>

                                             <td runat="server" id="td1">

                                                 <%#Eval("ProgranName")%>

                                             </td>

                                             <td runat="server" id="td2">

                                                 <%#Eval("CompletedSize")%>

                                             </td>

                                             <td runat="server" id="td3">

                                                 <%#Eval("Components")%>

                                             </td>

                                               <td runat="server" id="td4">

                                                 <%#Eval("PartGD")%> *   <%#Eval("PartKD")%>

                                             </td>

                                               <td runat="server" id="td5">

                                                 <%#Eval("Material")%>

                                             </td>

                                               <td runat="server" id="td6">

                                                 <%#Eval("PrintingZC").ToString().Substring(,)%>+<%#Eval("PrintingFC").ToString().Substring(, )%>

                                             </td>

                                               <td runat="server" id="td7">

                                                 <%#Eval("PrintingZB").ToString().Substring(, )%>+<%#Eval("PrintingFB").ToString().Substring(, )%>

                                             </td>

                                               <td runat="server" id="td8">

                                                 <%#Eval("Finishing")%>

                                             </td>

                                               <td runat="server" id="td9">

                                                 <%#Eval("Construction")%>

                                             </td>

                                               <td runat="server" id="td10">

                                                 <%#Eval("Packing")%>

                                             </td>

                                               <td runat="server" id="td11">

                                                 <%#Eval("Delivery")%>

                                             </td>

                                                 <td runat="server" id="td12">

                                                 <%#Eval("VAT")%>

                                             </td>

                                         </tr>

                                     </ItemTemplate>

                                 </asp:Repeater>

                             </tbody>

                         </table>

                     </div>

                 </div>

后台代码：

  public void DataBind()

        {

            var No = Request["rrdpn"];

            Pipeline_Biz_EvaluationNoBll EvaluationNoBll = new Pipeline_Biz_EvaluationNoBll();

            DataSet ds = new DataSet();

            DataTable dt = DataForm(EvaluationNoBll.box(No));

            this.rptIncome.DataSource = dt;

            this.rptIncome.DataBind();

            for (int i = ; i < ; i++) // 遍历每一列

            {

                string rpttd = "td";

                string tdIdName1 = rpttd + i.ToString();

                MergeCell(tdIdName1); // 把当前列的 td 的 ID文本作为方法的参数

            }

        }

        /// <summary>

        ///

        /// </summary>

        /// <param name="tdIdName1">当前列当前行的 td 的ID文本</param>

        private void MergeCell(string tdIdName1)

        {

            for (int i = rptIncome.Items.Count - ; i > ; i--) // rptIncome.Items.Count - 1 数据总行数（数据从0开始） 遍历当前列的每一行

            {

                MergeCellSet(tdIdName1, i);

            }

        }

        /// <summary>

        ///

        /// </summary>

        /// <param name="tdIdName1">当前列当前行的 td 的ID文本</param>

        /// <param name="i">当前行</param>

        private void MergeCellSet(string tdIdName1, int i)

        {

            HtmlTableCell cellPrev = rptIncome.Items[i - ].FindControl(tdIdName1) as HtmlTableCell; // 获取下一行当前列的 td 所在的单元格

            HtmlTableCell cell = rptIncome.Items[i].FindControl(tdIdName1) as HtmlTableCell; // 获取当前行当前列的 td 所在的单元格

            cell.RowSpan = (cell.RowSpan == -) ?  : cell.RowSpan; // 获取当前行当前列单元格跨越的行数

            cellPrev.RowSpan = (cellPrev.RowSpan == -) ?  : cellPrev.RowSpan; // 获取下一行当前列单元格跨越的行数

            if (cell.InnerText == cellPrev.InnerText)

            {

                // 让下一行的当前单元格的跨越行数 + 当前行的跨越行数

                cellPrev.RowSpan += cell.RowSpan;

                cell.Visible = false; // 隐藏当前行

                //关键代码，再判断执行第2列的合并单元格方法

            }

        }

Repeater ：

前台代码：

// table样式

<style>

table {

border-collapse:collapse;

}

table tr td,th {

border:1px solid black;

}

</style>

//*****************

<div>

<table>

<tr>

<th>一级</th> <th>二级</th> <th>三级</th> <th>四级</th>

</tr>

<asp:Repeater ID="rptIncome" runat="server">

<ItemTemplate>

<tr>

<td runat="server" id="td0"><%#Eval("aname") %></td>

<td runat="server" id="td1"><%#Eval("bname") %></td>

<td runat="server" id="td2"><%#Eval("cname") %></td>

<td runat="server" id="td3"><%#Eval("dname") %></td>

</tr>

</ItemTemplate>

</asp:Repeater>

</table>

</div>

Repeater 前台代码

后台代码：

public void DataBind()

{

string sql = "select a.aname,b.bname,c.cname ,d.dname from aa as a right join bb as b on a.aid=b.aid right join cc as c on b.bid=c.bid left join dd as d on d.cid=c.cid order by a.aid";

SqlDataAdapter sda = new SqlDataAdapter(sql, cn);

DataSet ds = new DataSet();

sda.Fill(ds);

rptIncome.DataSource = ds;

rptIncome.DataBind();

for (int i = 0; i < 4; i++) // 遍历每一列

{

string rpttd = "td";

string tdIdName1 = rpttd + i.ToString();

MergeCell(tdIdName1); // 把当前列的 td 的 ID文本作为方法的参数

}

}

/// <summary>

///

/// </summary>

/// <param name="tdIdName1">当前列当前行的 td 的ID文本</param>

private void MergeCell(string tdIdName1)

{

for (int i = rptIncome.Items.Count - 1; i > 0; i--) // rptIncome.Items.Count - 1 数据总行数（数据从0开始） 遍历当前列的每一行

{

MergeCellSet(tdIdName1, i);

}

}

/// <summary>

///

/// </summary>

/// <param name="tdIdName1">当前列当前行的 td 的ID文本</param>

/// <param name="i">当前行</param>

private void MergeCellSet(string tdIdName1, int i)

{

HtmlTableCell cellPrev = rptIncome.Items[i - 1].FindControl(tdIdName1) as HtmlTableCell; // 获取下一行当前列的 td 所在的单元格

HtmlTableCell cell = rptIncome.Items[i].FindControl(tdIdName1) as HtmlTableCell; // 获取当前行当前列的 td 所在的单元格

cell.RowSpan = (cell.RowSpan == -1) ? 1 : cell.RowSpan; // 获取当前行当前列单元格跨越的行数

cellPrev.RowSpan = (cellPrev.RowSpan == -1) ? 1 : cellPrev.RowSpan; // 获取下一行当前列单元格跨越的行数

if (cell.InnerText == cellPrev.InnerText)

{

// 让下一行的当前单元格的跨越行数 + 当前行的跨越行数

cellPrev.RowSpan += cell.RowSpan;

cell.Visible = false; // 隐藏当前行

//关键代码，再判断执行第2列的合并单元格方法

}

}