<div>
<table>
 <tbody><tr><td>表头</td></tr></tbody>
<!-数据展示->
<tbody>
 <tr><td>数据</td></tr>
</tbody>
<!-数据展示->
</table>
</div>这样的格式的布局,table里面数据展示<tbody>有几百上千,<tbody>里面存在几百条数据,每次后台更新数据过来大约有上千条数据操作里面的_DOM更新值,谷歌浏览器滑动,操作,页面非常缓慢,卡顿,火狐就没有,这样我应该怎么优化了,请求各位大神指导下,提问

解决方案 »

  1.   

    呵呵,table大量数据的情况下滑动,没有好方法,除非用插件。不过这种东西写起来很痛苦,估计现在没有免费的了。想当初,我写大数据table的时候,可是足足花了一个月呢。。
      

  2.   

    所以说不要在前台用js 去拼接Html,要在后台渲染结果Html,返回给前台,调用append.
      

  3.   

    分页显示啊,每次用ajax从后台只获取一页的数据(<50条)
      

  4.   

    使用虚拟表格原理, 数据和UI显示分开,UI上只绑定当前屏数据,截获滚动条事件, 在滚动的时候, 动态绑定当前屏显示的数据