jquery动态生成table
function getJosnData(){
$.ajax({
url:"/enhancement/serviceChina_getReportJsonD.action",
type: "post",
dataType: "json",
success: function(data){
//调用创建表和填充动态填充数据的方法.
//检查后台返回的数据
createShowingTable(data);
}
})
}
function createShowingTable(data){
var len=data.length;
//此处需要让其动态的生成一个table并填充数据
var tableStr = "<table cellpadding='0' height='87' cellspacing='0' border='0' width='100%'>";
tableStr = tableStr + "<tr><td>单位</td><td>总数</td><td>登录</td><td>接听</td><td>后处理</td><td>待机</td><td>离席</td></tr>";
for(var i=0 ;i<len ; i++){
tableStr = tableStr + "<tr><td>"+ data[i].orgNm +"</td>"+"<td>"+data[i].d1Val + "</td>"+"<td>"+data[i].d2Val +"</td>"+data[i].d3Val + "</td>"+data[i].d4Val + "</td>"+data[i].d5Val + "</td>"+data[i].d6Val + "</td></tr>"
}
tableStr = tableStr + "</table>";
alert(tableStr)
//将动态生成的table添加的事先隐藏的div中.
$("#createtable").html(tableStr);
}
<body>
<div id="createtable" width="100%"></div>
</body>
生成表单如下
1111
单位 总数 登录 接听 后处理 待机 离席
1 1 1
后四列值跑到表单上边啦,是div还是body宽度问题,还是别的问题