Скрыть «Нет доступных в таблице данных» сообщение, когда данные отсутствуют

Question

Это мой стол, я получаю список данных с помощью 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)) 
           ) 
        } 
        } 
       }); 
     }); 

проблема заключается в том, когда нет никаких данных, у меня есть строка не отображающая «нет доступные в таблице данных» .. и даже когда прилагаются данные I все еще имеют первую строку как «Нет данных, доступных в таблице». Как скрыть эту строку сообщений, когда новые строки с данными имеют пчелу н добавил ?? А во-вторых, даже если у меня есть 16 записей он все еще показывает «Показаны 0 из 0 записей» Что я делаю неправильно ..

Answer 1

попробовать это: -?.?

$(document).ready(function() { 
$.ajax({ 
     url: '@Url.Action("ClaimResultTest", "Claims")', 
     data: { seacrhClaimNumber: claimNumberToBeSearched }, 
     type: 'POST', 
     success: function (data) { 


       $("#tblClaimSearch").find('tbody').empty(); //add this line 

       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)) 
          ) 
       } 
       } 
      }); 
    });