如何避免 js 更新 <table> 时的闪烁？

一个部门管理的界面，希望[增/删/改/查]时只刷新表格内容，目前是这样做的，
php 模板放个<table>标签占位，具体内容由 js 生成：

// file: views/index.php

<div>
<table id="data_table">
<!-- 留空，让 js 来填充数据 -->
</table>
</div>

// file: index.js

var fill_table = function() {
var table_html = '<tbody>…</tbody>';
$('#data_table').html(table_html);
};

$('#data_table').ready(fill_table);

虽然可以局部刷新，但是会闪烁 :( 该如何避免？

嵌 C 码农首次接触 WEB，完全不懂章法，也不知上面做法对不对，请指教 :-S