如何动态更改表中的列数但仍然保持表格布局完好无损?

时间:2010-05-07 06:59:22

标签: javascript html

我有一个'n'列表,第一列是下拉框,在从下拉列表中选择选项时,其他列会发生变化。例如:第一个下拉可能需要显示一个文本框和一个按钮,第二个下拉3个文本框和一个按钮,依此类推。表中只有一行。实现这一目标的最佳解决方案是什么。

真诚地感谢,

1 个答案:

答案 0 :(得分:0)

你可以给表固定宽度,如果你添加一个新列,你可以给它一个固定的宽度或高度。

像这样:

<html>
<body>

<table border="1">
  <tr>
    <td width="75">Column 1</td>
    <td width="125">Column 2</td>
  </tr>
</table>

</body>
</html>

和Javascript

<script type="text/javascript" language="javascript">   
    var tdTag = document.createElement("td");

    tdTag.id = "td1";

    tdTag.height="300";

    tdTag.width="200";

    tdTag.innerHTML = "<button>1</button><button>2</button><button>3</button>";

    document.table.tr.appendChild(tdTag);
</script>