Question

javascript动态生成表格显示

javascript动态生成表格显示有一列内容过多，如图，怎么解决，求指教，感激不尽！！！！

Answer 1

参考下面主要代码：
// HTML 的 body 中添加如下内容
// 一个 div 用来放生成的 table ； 一个按钮执行 create
// <div id="div"></div>
// <input type="button" onclick="create()" />

// 以下是 js 方法
<script src="ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
function create() {
// 使用 $("<table></table>") 生成一个 table
var tab = $("<table border='1'></table>");
// 3 行循环3次
for (var i = 1; i <= 3; i++) {
// 每次生成一个 <tr></tr>
var row = $("<tr></tr>");
// 4 列循环 4 次
for (var j = 1; j <= 4; j++) {
// 给 <tr></tr> append（添加） <td>i行j列</td>
row.append($("<td>" + i + "行" + j + "列" + "</td>"));
}
// 给 <table></table> 每次循环添加上边的 <tr>****</tr>
tab.append(row);
}
// 最后把生成的 <table>***</table> 放到 id=div 的控件中
$("#div").append(tab);
}
</script>

追问

？