如何实现动态增加Table 新的一列

//oTable表id
function addRow(FeeItem, Fee, FeeType){
oRow = oTable.insertRow(oTable.rows.length);
oRow.runtimeStyle.backgroundColor = "#e8e9fc";
oCell1 = oRow.insertCell(oRow.cells.length);
oCell2 = oRow.insertCell();
oCell3 = oRow.insertCell();
oCell1.innerText = "00l";
oCell2.innerText = "002";
oCell3.innerText = "003";

oTable.style.display = "inline";


}

解决方案 »

  1.   

    如果是在服务器端,从数据库中取数据：
    <table>
    <%
    ResultSet rs;
    ……………………
    while(rs.next())
    {
    %>
    <tr>
      <td><%=rs.getString(1)%></td>
    <tr>
    <%
    }
    %>
    </table>
      

  2.   

    <table>
    <%
    ResultSet rs;
    ……………………
    while(rs.next())
    {
    %>
    <tr>
      <td><%=rs.getString(1)%></td>
    <td><%=rs.getString(2)%></td>
    <td><%=rs.getString(3)%></td>
    ..........
    <tr>
    <%
    }
    %>
    </table>
      

  3.   

    <table>
    <%
    ResultSet rs;
    <tr>
    while(rs.next())
    {
    %>
      <td><%=rs.getString(1)%></td>
    <td><%=rs.getString(2)%></td>
    <td><%=rs.getString(3)%></td>
    ..........
    <%
    }
    %>
    <tr>
    </table>
      

  4.   

    可能是我没有表达清楚，让大家理解错我的意思了。现在举个例子：
    -------------------------------------------
    项目名称 |  记录1 | 记录2 | 记录3              
    -------------------------------------
    数值1    |   2.34 | 3.45  |  34.56
    ------------------------------------------
    数值2    |   2.34 | 3.45  |  34.56
    ------------------------------------------
    合计     |   4.68 |  7.90 |  69.12我想用循环按记录逐条增加纵行，也就是一个col,而不是row
      

  5.   

    <html>
    <head>
    <title>Table Object method</title>
    <script language="JavaScript">
    var intRowIndex = 0;
    function insertRow(tbIndex){
       var objRow = myTable.insertRow(tbIndex);
       var objCel = objRow.insertCell(0);
       objCel.innerText = document.myForm.myCell1.value;
       var objCel = objRow.insertCell(1);
       objCel.innerText = document.myForm.myCell2.value;
       objRow.attachEvent("onclick", getIndex);
       objRow.style.background = "pink";
    }
    function deleteRow(tbIndex){
       myTable.deleteRow(tbIndex);
    }
    function getIndex(){
       intRowIndex = event.srcElement.parentElement.rowIndex;
       pos.innerText = intRowIndex;
    }
    </script>
    </head>
    <body onload="pos.innerText=intRowIndex;">
    <h2>Table Object method</h2>
    <hr>
    Current Loction: <span id="pos"></span>
    <table id="myTable" border=1>
    <tr onclick="getIndex()">
       <td>HTML</td>
       <td>CSS</td>
    </tr>
    <tr onclick="getIndex()">
       <td>JavaScript</td>
       <td>VBScript</td>
    </tr>
    </table>
    <form name="myForm">
    The First Line: <input type="text" name="myCell1" value="CGI"><br/>
    The Second Line: <input type="text" name="myCell2" value="ASP"><br/>
    <input type="button" onclick="insertRow(intRowIndex)" value="Add Row">
    <input type="button" onclick="deleteRow(intRowIndex)" value="Del Row">
    <input type="button" onclick="insertRow(myTable.rows.length);" value="Add Row">
    </form>
    </body>
    </html>