js中需要append追加时指定显示5行，数据不足的空格补齐

项目开发中遇到业务需求，要表格顶起空间，要显示5行，数据多了没事，少了要空补齐，显的好看，废话不多说，上代码

此代码中用到jquery

1.首先获取数据循环追加，如下

$.each(meta, function(i, item) {

$("#test tbody").append("<tr>"+
"<td>" + ++off + "</td>"+
"<td>" + item.userName + "</td>"+
"<td>" + item.haveResCount + "</td>"+
"<td>" + item.useResCount + "</td>"+
"</tr>" );
});

meta为传过来的数据，i(不用管)循环次数，item循环中获取数据的代名词，test 为表格id

2.需要不够5条数据用空格补齐

//补全5行
var rows=$("#test tbody tr").length ;
if(rows<5){
for ( var i=0;i<5-rows;i++) {
$("#userMonitor tbody").append("<tr>"+
"<td>&nbsp;</td>"+
"<td>&nbsp;</td>"+
"<td>&nbsp;</td>"+
"<td>&nbsp;</td>"+
"</tr>" );
}
}

rows是获取追加后tbody的 行数