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列的合并单元格方法
}
}

以上所述是给大家介绍的ASP.NET中 重复表格列合并的实现方法

原文链接：http://www.cnblogs.com/hanxiaofei/archive/2016/08/18/5784936.html