动态创建多个 tbody

Question

我希望将多个tbody 添加到我的asp.net table。 这是我迄今为止尝试过的

TableRow tbody = new TableRow();
tbody.TableSection = TableRowSection.TableBody;
TableRow row = new TableRow();
TableCell cell = new TableCell();
row.Attributes.Add("data-filter", "featured");
cell.Text = "Featured";
row.Cells.Add(cell);
tbody.Controls.Add(row);//throws an error saying tablerow can't have table row as child
Table1.Rows.Add(tbody);

这会引发一个错误，即我不能将表行作为表行的子行，这听起来是合法的。但我不希望该行位于<tbody> 之下，并且似乎无法弄清楚如何去做。我想要的输出是

<tbody>
      <tr data-filter="featured">
         <td>Featured</td>
      </tr>
</tbody>

Answer 1

<asp:Table> 不能使用多个 <tbody> 元素，TableSection 属性定义了应该在其中呈现行的“部分”，但是控件本身每个 TableRowSection 只呈现一个元素

至于例外，你不需要嵌套的TableRow 对象，试试这个：

TableRow tbody = new TableRow();
tbody.TableSection = TableRowSection.TableBody;
TableCell cell = new TableCell();
tbody.Attributes.Add("data-filter", "featured");
cell.Text = "Featured";
tbody.Cells.Add(cell);
Table1.Rows.Add(tbody);

这是输出：

<table id="MainContent_Table1">
    <tbody>
        <tr data-filter="featured">
        <td>Featured</td>
        </tr>
    </tbody>
</table>

要实现您所追求的，您可以尝试创建自定义控件，或者可能是最简单的解决方案，使用HtmlGenericControl 并以这种方式构建表格元素，不是最优雅的，但它具有预期的结果：

var table = new HtmlGenericControl("table");
var tbody = new HtmlGenericControl("tbody");
var tr = new HtmlGenericControl("tr");
var td = new HtmlGenericControl("td");

tr.Attributes.Add("data-filter", "featured");
td.InnerText = "Featured";
tr.Controls.Add(td);

tbody.Controls.Add(tr);
table.Controls.Add(tbody);

tbody = new HtmlGenericControl("tbody");
tr = new HtmlGenericControl("tr");
td = new HtmlGenericControl("td");
tr.Attributes.Add("data-filter", "featured");
td.InnerText = "Featured";
tr.Controls.Add(td);

tbody.Controls.Add(tr);
table.Controls.Add(tbody);

Page.Controls.Add(table);

这是输出：

<table>
    <tbody>
        <tr data-filter="featured">
            <td>Featured</td>
        </tr>
    </tbody>
    <tbody>
        <tr data-filter="featured">
            <td>Featured</td>
        </tr>
    </tbody>
</table>