怎么用代码在表格末尾增加一行

怎么用代码在表格末尾增加一行

解决方案 »

  1.   

       For i As Integer = 1 To 3
                Dim temtrow As New TableRow
                For j As Integer = 1 To 5
                    Dim temtcell As New TableCell
                    temtcell.ID = i & j
                    temtcell.Text = "行" & i & " ,列" & j
                    temtcell.BorderStyle = BorderStyle.Ridge
                    temtcell.BorderWidth = 2
                    temtrow.Cells.Add(temtcell)            Next
                Table2.Rows.Add(temtrow)
    在这个表格的末尾加一行(用代码写)
      

  2.   

    按钮加个onclick事件用javascript实现行的添加
      

  3.   

    在你的Table2.Rows.Add(temtrow)后面再接着写,没试过,看下面这样行不,呵~~~
    在起一条数据好了...把你的Table2定义在For外面,For完了之后再写一条数据
                    temtcell.ID = 数据
                    temtcell.Text = 数据 
                    ..........................................
                    temtrow.Cells.Add(temtcell) 
                    Table2.Rows.Add(temtrow)
      

  4.   

    硬编码
    JS
    Table.NewRow()
    XML
    ...
      

  5.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script language="javascript" type="text/javascript">
    // 增加内容
    function messageSort() {
    var name = document.getElementById("message").value;
    if(name == "" ) return;
    var row = document.createElement("tr");
    row.setAttribute("id", name);
    var cell = document.createElement("td");
    cell.appendChild(document.createTextNode(name));
    row.appendChild(cell);var deleteButton = document.createElement("input");
    deleteButton.setAttribute("type", "button");
    deleteButton.setAttribute("value", "删除");
    deleteButton.onclick = function () { deleteSort(name); };
    cell = document.createElement("td");
    cell.appendChild(deleteButton);
    row.appendChild(cell);
    document.getElementById("sortList").appendChild(row);
    }
    // 删除内容
    function deleteSort(id) {
    var rowToDelete = document.getElementById(id);
    var sortList = document.getElementById("sortList");
    sortList.removeChild(rowToDelete);
    }
    </script>
    </head>
    <body>
    <table border="0" cellspacing="0" width="400" bgcolor="#f5efe7">
    <tr>
        <td height="20">增加内容:</td>
        <td><input id="message" type="text"></td>
        <td><a href="javascript:messageSort();">添加</a></td>
    </tr>
    </table>
    <table border="1" width="400">
    <tr>
        <td height="20" align="center">内容:</td>
        <td>操作</td>
    </tr>
    <tbody id="sortList"></tbody>
    </table>
    </body>
    </html>