html中的rowspan和colspan答案

【问题标题】：rowspan and colspan in htmlhtml中的rowspan和colspan
【发布时间】：2014-04-01 07:37:10
【问题描述】：

我在 C# 中完成了所有这些操作

我创建了一个如下表

 Company Name    Gender

  cmc    sindhu  f
  cmc    shilpa  f
  cmc    srikar  m

但我需要的是....我希望“cmc”在所有名称中只出现一次。

  Company Name    Gender

  cmc     sindhu  f
          shilpa  f
          srikar  m

我如何使用rowspan 和colspan 来实现这一点？我的代码如下：

  public class sample

{
    static void Main(string[] args)
    {
        DataTable table=new DataTable();
        table.Columns.Add("Company", typeof(string));
        table.Columns.Add("Name", typeof(string));
        table.Columns.Add("Gender", typeof(string));

        table.Rows.Add("cmc", "sindhu", "f");
        table.Rows.Add("cmc", "shilpa", "f");
        table.Rows.Add("cmc", "srikar", "m");


        string htmltable; 
        string htmlstring;
        htmltable=ConvertDataTableToHtml(table);
        string filename = "HTML File.html";
        StreamWriter swXLS = new StreamWriter( "c:\\"+ filename);
        swXLS.Write(htmltable.ToString());
        swXLS.Close();

    }
            public static string ConvertDataTableToHtml(DataTable targetTable)
            {
                string htmlString = "";

                if (targetTable == null)
                {
                throw new System.ArgumentNullException("targetTable");
                }

                StringBuilder htmlBuilder = new StringBuilder();

                //Create Top Portion of HTML Document
                htmlBuilder.AppendLine("<html>");
                htmlBuilder.AppendLine("<head>");
                htmlBuilder.AppendLine("</head>");
                htmlBuilder.AppendLine("<body>");
                htmlBuilder.AppendLine("<table border='1px' cellpadding='5' cellspacing='0'>");

                //Create Header Row
                htmlBuilder.Append("<span style='font-size: small;font-weight:bold;'></span>\n");
                htmlBuilder.AppendLine("\n<tr align='left' valign='top'>");

                foreach (DataColumn targetColumn in targetTable.Columns)
                {

                htmlBuilder.Append("<td  align='left' valign='top'>");
                htmlBuilder.Append("<b>");
                htmlBuilder.Append(targetColumn.ColumnName);
                htmlBuilder.Append("</b>");
                htmlBuilder.Append("</td>\n");
                }

                htmlBuilder.AppendLine("</tr>");

                //Create Data Rows
                foreach (DataRow myRow in targetTable.Rows)
                {
                htmlBuilder.AppendLine("\n<tr align='left' valign='top'>");

                foreach (DataColumn targetColumn in targetTable.Columns)
                {
                htmlBuilder.Append("<td  align='left' valign='top'>");
                htmlBuilder.Append(myRow[targetColumn.ColumnName].ToString());
                htmlBuilder.Append("</td>\n");
                }
                //htmlBuilder.Append("</td>");
                htmlBuilder.AppendLine("</tr>\n");
                }

                //Create Bottom Portion of HTML Document
                htmlBuilder.AppendLine("</table>");
                htmlBuilder.AppendLine("</body>");
                htmlBuilder.AppendLine("</html>");

                //Create String to be Returned
                htmlString = htmlBuilder.ToString();

                return htmlString;
            }

    }

【问题讨论】：

标签： c# html

【解决方案1】：

        //create Data Row
        int count = 0;
        int rowsinserted = 0;

        foreach (DataRow myRow in targetTable.Rows)
        {
            htmlBuilder.AppendLine("\n<tr  align='left' valign='top'>");

            foreach (DataColumn targetColumn in targetTable.Columns)
            {

                if (targetColumn == targetTable.Columns[0])
                {
                    if (count == 0)
                    {
                        htmlBuilder.Append("<td rowspan='" + targetTable.Rows.Count + "' 'align='left' valign='top'>");
                        htmlBuilder.Append(myRow[targetColumn.ColumnName].ToString());
                        htmlBuilder.Append("</td>\n");
                    }

                }
                else

                {
                    int columncount = 1; 
                    for (int i = 1; i < targetTable.Columns.Count; i++)
                    {

                        if (targetColumn == targetTable.Columns[columncount])
                        {

                            htmlBuilder.Append("<td 'align='left' valign='top'>");
                            htmlBuilder.Append(myRow[targetColumn.ColumnName].ToString());
                            htmlBuilder.Append("</td>\n");


                        }
                        columncount = columncount + 1;

                        count = count + 1;
                    }
            }
            }
            rowsinserted = rowsinserted + 1;
            htmlBuilder.AppendLine("</tr>\n");
        }

【讨论】：

【解决方案2】：

我认为下面应该可以工作，但我还没有测试过。基本上，我试图确定何时在第一列中第一次出现一个值，并添加一个跨越与该值的出现次数一样多的行的单元格。这仅在行按第一列排序时才有效。

//Create Data Rows
foreach (DataRow myRow in targetTable.Rows)
{
    htmlBuilder.AppendLine("\n<tr align='left' valign='top'>");
    foreach (DataColumn targetColumn in targetTable.Columns)
    {
        // if its the first column then only add a cell when its the first time 
        // value appears, else just add the cell
        if(targetColumn == targetTable.Columns.First())
        {
            // if its the first time the value has appeared in the first column
            // then add cell with rowspan set to the number of appearances
            if(myRow == targetTable.Rows.First(r => r[targetColumn.ColumnName].ToString() == myRow[targetColumn.ColumnName].ToString()))
            {
                rowspan = targetTable.Rows.Count(r => r[targetColumn.ColumnName].ToString() == myRow[targetColumn.ColumnName].ToString());

                htmlBuilder.Append("<td  rowspan='"+rowspan+"' align='left' valign='top'>");
                htmlBuilder.Append(myRow[targetColumn.ColumnName].ToString());
                htmlBuilder.Append("</td>\n");
            }
        }
        else
        {              
            htmlBuilder.Append("<td  align='left' valign='top'>");
            htmlBuilder.Append(myRow[targetColumn.ColumnName].ToString());
            htmlBuilder.Append("</td>\n");
        }
    }

    htmlBuilder.AppendLine("</tr>\n");
}

编辑：假设您不必使用DataTable

这个可行，我已经测试过了，你可以查看输出here。我假设您不必使用DataTable，因为使用List 和Dictionary 之类的枚举要容易得多。理想情况下，您可能希望创建自己的类而不是使用 Dictionary，但我认为它可以用于演示目的。

var Data = new List<Dictionary<string, string>>();

Data.Add(new Dictionary<string, string>() { {"Company", "Company 1"}, {"Name", "Jim"}, {"Gender", "m"} });
Data.Add(new Dictionary<string, string>() { {"Company", "Company 1"}, {"Name", "Bob"}, {"Gender", "m"} });
Data.Add(new Dictionary<string, string>() { {"Company", "Company 1"}, {"Name", "Dawn"}, {"Gender", "f"} });
Data.Add(new Dictionary<string, string>() { {"Company", "Company 2"}, {"Name", "Dave"}, {"Gender", "m"} });
Data.Add(new Dictionary<string, string>() { {"Company", "Company 2"}, {"Name", "Ben"}, {"Gender", "m"} });
Data.Add(new Dictionary<string, string>() { {"Company", "Company 2"}, {"Name", "Tina"}, {"Gender", "f"} });
Data.Add(new Dictionary<string, string>() { {"Company", "Company 2"}, {"Name", "Sarah"}, {"Gender", "f"} });

string html = "<table><tr>";

foreach (var Column in Data.First().Select(col => col.Key))
{
    html += string.Format("<th>{0}</th>", Column);
}

html += "</tr>";

foreach (var Row in Data)
{
    html += "<tr>";

    foreach (string Column in Row.Select(col => col.Key))
    {
        if(Column == Row.First().Key)
        {
            if(Row == Data.First(row => row.First(col => col.Key == Column).Value == Row.First(col => col.Key == Column).Value))
            {
                int Row_Span = Data.Count(row => row.First(col => col.Key == Column).Value == Row.First(col => col.Key == Column).Value);

                html += string.Format("<td rowspan='{0}'>{1}</td>", Row_Span, Row.First(col => col.Key == Column).Value);
            }
        }
        else
        {
            html += string.Format("<td>{0}</td>", Row.First(col => col.Key == Column).Value);
        }
    }

    html += "</tr>";
}

【讨论】：

'System.Data.DataRowCollection' 不包含 'OrderBy' 的定义，并且找不到接受类型为 'System.Data.DataRowCollection' 的第一个参数的扩展方法 'OrderBy'（你是缺少 using 指令或程序集引用？）----此错误即将到来。我也尝试添加 System.Data.DataRowCollection。但显示相同的错误。
不，抱歉，我只是假设它是某种类型的可枚举。如果在将数据添加到DataTable 之前按第一列对数据进行排序，您应该能够转储OrderBys。我会相应地更新我的答案
现在我遇到了同样的错误，例如 ORDERBY for FIRST 和 COUNT
是的，这将是同一个问题，它们是可枚举的方法。也许您可以使用[0] 代替First() 和Length 代替Count。您对使用DataTable 对象的依恋程度如何？
对不起，我比较新鲜，我没有得到我需要的输出