Question

我在asp.net，visual basic工作。我需要在表中创建html表。我需要通过服务器端创建。

该表将包含6个col和n行。在最后一个col（更多数据）将是一个链接，当点击该链接（比如在第2行）时，它将展开特定行并显示另一个包含5个col和m行的表再次单击该链接将关闭该行并隐藏内部表格。

现在我只是试着在客户端做这个，给我一个小例子，但我被卡住了。

我现在有这个：

    <div id="shutfuyotTable">
    <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">row1</a></td>
                    <tr>
                        <td colspan="5">
                            <table id="Table1">
                                <tr>
                                    <td>1</td>
                                    <td>2</td>
                                    <td>3</td>
                                    <td>4</td>
                                    <td>5</td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </td>
            </tr>
            <tr>
                <td>row2</td>
                <td>row2</td>
                <td>row2</td>
                <td>row2</td>
                <td>row2</td>
                <td><a href='#' id="row2">row2</a></td>
                <tr>
                        <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>
            <tr>
                <td>row3</td>
                <td>row3</td>
                <td>row3</td>
                <td>row3</td>
                <td>row3</td>
                <td><a href='#' id="row3">row3</a></td>
                <tr>
                        <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>
            </tr>
        </tbody>
    </table>
</div>

在css中我将row1（id）设为display：none;

我无法使用javascript，当我点击链接时，它会显示或隐藏表格。

我需要在此代码中添加什么（也许是onClick函数？！？）以及我在javascript中需要做什么？

如何从服务器端visual basic创建表中的Html表

0 个答案: