在服务器端 asp.net VB 中创建一个表答案

【问题标题】：Create a table in server side asp.net VB在服务器端 asp.net VB 中创建一个表
【发布时间】：2014-03-24 19:30:01
【问题描述】：

我有这段代码，它在表中创建一个表。在外部表格的最后一列有一个链接，点击它会打开内部表格。

代码：

HTML：

<div id="shutfuyotTable" runat="server">
<table class="tblShutaf" dir="rtl" runat="server">
    <thead>
        <tr>
            <td>num</td>
            <td>name</td>
            <td>sum1</td>
            <td>sum2</td>
            <td>notes</td>
            <td>moreData</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>row1</td>
            <td>row1</td>
            <td>row1</td>
            <td>row1</td>
            <td>row1</td>
            <td><a href='#' id="row1" class='js-showmore'>row1</a>

            </td>
        </tr>
        <tr class="moredata">
            <td colspan="5">
                <table id="Table1">
                    <tr>
                        <td>1</td>
                        <td>2</td>
                        <td>3</td>
                        <td>4</td>
                        <td>5</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>2</td>
                        <td>3</td>
                        <td>4</td>
                        <td>5</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>2</td>
                        <td>3</td>
                        <td>4</td>
                        <td>5</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>2</td>
                        <td>3</td>
                        <td>4</td>
                        <td>5</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>2</td>
                        <td>3</td>
                        <td>4</td>
                        <td>5</td>
                    </tr>

                </table>
            </td>
        </tr>
        <tr>
            <td>row2</td>
            <td>row2</td>
            <td>row2</td>
            <td>row2</td>
            <td>row2</td>
            <td><a href='#' id="row2" class='js-showmore'>row2</a>

            </td>
        </tr>
        <tr class="moredata">
            <td colspan="5">
                <table id="Table2">
                    <tr>
                        <td>1</td>
                        <td>2</td>
                        <td>3</td>
                        <td>4</td>
                        <td>5</td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td>row3</td>
            <td>row3</td>
            <td>row3</td>
            <td>row3</td>
            <td>row3</td>
            <td><a href='#' id="row3" class='js-showmore'>row3</a>

            </td>
        </tr>
        <tr class="moredata">
            <td colspan="5">
                <table id="Table3">
                    <tr>
                        <td>1</td>
                        <td>2</td>
                        <td>3</td>
                        <td>4</td>
                        <td>5</td>
                    </tr>
                </table>
            </td>
        </tr>
    </tbody>
</table>
</div>

jquery：

$(function() {
$(".js-showmore").on("click", function() {        
    $(this).closest("tr").next(".moredata").toggle();
});
});

CSS：

.moredata {
display: none;
}

我想做同样的事情，但我想从服务器端创建表 (vb) 我将从大型计算机获取数据，但不知道输出表中有多少行。在内表中将有 5 行。

我知道我需要在 Page_Load 中执行此操作，但不知道从哪里开始。（也许做一个 tmpstr stringBuilder 并连接到 div 的 id ？！？）

我很乐意得到一些帮助。

【问题讨论】：

请在您的问题中包含相关代码，而不仅仅是链接。另外，到目前为止，您在 VB 中尝试过什么？
了解 Asp.Net 中的中继器控件。它可能会派上用场。
@Yatrix 我不知道从哪里开始，所以我还没有写 vb。我是 vb 的新手，需要一些入门帮助。
你读过Repeater或gridview吗？
@shlomi 你可能应该得到一本教程/书并学习 VB。这是最好的起点。

标签： asp.net vb.net html-table

【解决方案1】：

Dim table As new HtmlTable
table .Attributes.Add("class","test")

Dim row As HtmlTableRow
Dim cell As HtmlTableCell
For i As Integer = 0 To rowNumber
row = new HtmlTableRow

cell = new HtmlTableCell
cell.InnerHtml = "data"

row.Cells.Add(cell)

yourtable.Rows.Add(row)

Next
yourPlaceHolder.Controls.Add(table)

【讨论】：