JQ 动态加载TABLE到一个DIV里，DIV没有设置高度，包含在一个IFRAME里，显示有问题

JQ 动态加载TABLE到一个DIV里，DIV没有设置高度，DIV包含在一个IFRAME的子页里，每次添加的时候少了一部分内容，代码过长我挑这上一下。
JS代码：
$(document).ready(function () {
//得到业务员审核协议书未提交协议书
GetNoSubmitCustomerAgreement();
});
function GetNoSubmitCustomerAgreement() {

$.getJSON(
"/Ashx/SeverAgreement/NoSubmitCustomerAgreement.ashx",
function (data) {
var SeverAgreementTableHtmlBoby = "";
if (data == -1) {

}
else {
var SeverAgreementTableHtmlTop = "<thead><tr><th>样品名称</th><th>规格型号</th><th>受检单位</th><th>委托时间</th><th>审核</th><th>相关操作</th></tr></thead><tbody>";
$.each(data, function (i) {

SeverAgreementTableHtmlBoby += "<tr>";
.
.
SeverAgreementTableHtmlBoby += "</td></tr>";
});
var SeverAgreementTableHtmlFoot = "</tbody>";
// $("#SeverAgreementTable").html(SeverAgreementTableHtmlTop + SeverAgreementTableHtmlBoby + SeverAgreementTableHtmlFoot);
SeverAgreementTable.innerHTML = SeverAgreementTableHtmlTop + SeverAgreementTableHtmlBoby + SeverAgreementTableHtmlFoot;
}
}
)
}
HTML代码：
<div class="box-content">
<table class="table table-striped table-bordered responsive" id="SeverAgreementTable" >

</table>
</div>
页面运行结果如图：
IFRAME主页效果如图：

子页效果如图：

怎么能让主页的效果 和 子页的一样 ， 感觉有点想JQ事件，先后顺序的问题，小弟不解，求大哥解释下 谢谢