近日有一个项目使用DWR来做，使用定时器来定时刷新数据，生成表格，实际使用时发现，DWRUtil.addRow在生成100*10左右的表格时需要大概2秒左右，并且在生成时页面操作被阻塞，无法进行数据录入等操作，这样的效果客户肯定无法接受，于是苦想其他方法。

在网上查了一下资料，终于找到解决方法，就是使用一个div来充当表格，使用innerHTML属性，把要生成的表格以HTML的形式拼出来，然后赋给div 的innerHTML。如下：

<div id="tab"></div>

大致js如下

//使用array来收集字符串比使用 str+="html"的方式要快许多

var rtn = new Array();

//生成表头

rtn.push("<table><tr><td>姓名</td><td>性别</td></tr>")

//循环生成表格主体

for(var i=0;i<data.length;i++){

rtn.push("<tr><td>");

rtn.push(data[i].name);

rtn.push("</td><td>");

rtn.push(data[i].sex);

rtn.push("</td></tr>")

}

//表格结束

rtn.push("</table>");

//输出表格

$("tab").innerHTML=rtn.join("");



这个方式有两个特点，一是避免使用DWRUtil.addRow添加表格来提高速度，二是使用Array来搜集字符串，提高速度，这个方法在其他的情况下也可以使用，凡是使用循环来搜集字符串的，都可以用这个方式来提高速度。