這是我的表,我使用JSON獲取數據列表,並填充此表,隱藏「無表可用數據」
<table id="tblClaimSearch" class="display responsive nowrap" cellspacing="0" width="100%">
<thead>
<tr>
<th><input type="checkbox" id="ChkboxClaimHeader" name="ChkboxClaimHeader" value="false"></th>
<th>Claim #</th>
<th>Client Name</th>
<th>Amount</th>
<th>Deduction</th>
<th>Type</th>
<th>Status</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
我的jQuery擁有JSON結果,我得到的結果和追加行根據我的數據表身,
$(document).ready(function() {
$.ajax({
url: '@Url.Action("ClaimResultTest", "Claims")',
data: { seacrhClaimNumber: claimNumberToBeSearched },
type: 'POST',
success: function (data) {
var dataClaims = data.Claims;//This has the complete list
for (i = 0; i < dataClaims.length; i++) {
alert(dataClaims[i].ClaimNumber);
$("#tblClaimSearch").find('tbody')
.append($('<tr>')
.append($('<td><input type="checkbox">'))
.append($('<td>').text(dataClaims[i].ClaimNumber))
.append($('<td>').text(dataClaims[i].Client))
.append($('<td>').text(dataClaims[i].Amount))
.append($('<td>').text(dataClaims[i].Deduction))
.append($('<td>').text(dataClaims[i].Type))
.append($('<td>').text(dataClaims[i].Status))
)
}
}
});
});
問題是,當沒有數據,我有一排顯示「無表可用的數據」。而即使有數據附加我還是第一排爲「表中沒有可用數據」..當添加了帶有數據的新行時,如何隱藏此消息行?其次,甚至雖然我有16個條目仍顯示「顯示鄰項0」?我在做什麼錯?..