在两个 C# 中拆分 HtmlTableCell

Question

如何将一个单元格分成 2 行？或者让rowspan工作......我不太在乎女巫方法可以工作......我只是无法让它工作......

我想做这个：http://jsfiddle.net/su3AH/1/

只是来自 c#...

我现在拥有的是这样的：

HtmlTableRow row = new HtmlTableRow();
HtmlTableCell cell = new HtmlTableCell();

foreach (DataRow dataRow in tab.Rows)
{
   row = new HtmlTableRow();
   cell = new HtmlTableCell();
   cell.InnerHtml = "cell1";
   row.Cells.Add(cell);

   cell = new HtmlTableCell();
   cell.InnerHtml = "cell2";
   row.Cells.Add(cell);

   cell = new HtmlTableCell();
   cell.InnerHtml = "cell3";
   row.Cells.Add(cell);

   cell = new HtmlTableCell();
   cell.InnerHtml = "cell4";
   row.Cells.Add(cell);

   tableContent.Rows.Add(row);
}

谢谢！

Answer 1

您可以为 HtmlTableCell 对象设置 RowSpan 属性 - 值 2 应该对单元格 1 和 4 执行此操作

所以你需要为每行内容使用2行html来解决问题：

HtmlTableRow row;
HtmlTableCell cell;
HtmlTable tableContent = new HtmlTable();

tableContent.Border = 2;
foreach (DataRow dataRow in tab.Rows)
{
    var row1 = new HtmlTableRow();
    var row2 = new HtmlTableRow();
    cell = new HtmlTableCell();
    cell.InnerHtml = "cell1";
    cell.RowSpan = 2;
    row1.Cells.Add(cell);

    cell = new HtmlTableCell();
    cell.InnerHtml = "cell2";
    row1.Cells.Add(cell);

    cell = new HtmlTableCell();
    cell.InnerHtml = "cell3";
    row2.Cells.Add(cell);

    cell = new HtmlTableCell();
    cell.InnerHtml = "cell4";
    cell.RowSpan = 2;
    row1.Cells.Add(cell);


    tableContent.Rows.Add(row1);
    tableContent.Rows.Add(row2);
}

this.Controls.Add(tableContent);
}

生成的 HTML 将是这样的：

<table border="2">
    <tr>
        <td rowspan="2">cell1</td>
        <td>cell2</td>
        <td rowspan="2">cell4</td>
    </tr>
    <tr>
        <td>cell3</td>
    </tr>
    <tr>
        <td rowspan="2">cell1</td>
        <td>cell2</td>
        <td rowspan="2">cell4</td>
    </tr>
    <tr>
        <td>cell3</td>
    </tr>
</table>