2017-08-01 39 views
-1

HTMLテーブルでjqueryを使用して条件付き書式を設定しました。データテーブルの第1ページで正常に動作していますが、第2ページからは正常に動作していません。私はこのコードを使用しています:htmlテーブルの条件付き書式

$("table.dataTable td:nth-child(6)").each(function() { 

       if (parseInt($(this).text(), 10) > 0) { 

        $(this).parent("tr").css("background-color", "#baf2ef"); 
        $('tr').each(function() { 
         var tds = $(this).find('td'); 
         var len = tds.length; 

         for (var i = 0; i < len; i++) { 
          $(tds[i]).css('text-align', 'center'); 
          // $(tds[i]).css('white-space', 'nowrap'); 
         } 
        }); 
       } 

       else { 

        $('tr').each(function() { 
         var tds = $(this).find('td'); 
         var len = tds.length; 
         for (var i = 0; i < len; i++) { 
          $(tds[i]).css('text-align', 'center'); 
          // $(tds[i]).css('white-space', 'nowrap'); 
         } 
        }); 
       } 
      }); 

助けてください。

+0

は、行の背景色に問題がありますか? –

+2

私は毎回あなたのコードを呼び出さなければならないと思う、ページが変更されます。 –

+0

@HamzaAbdaouiはい。 – Sarbajit

答えて

0

データテーブルのページイベントでjs関数を実行する必要があります。

$('table.dataTable').on('page.dt', function() { 
    //your code here 
}); 

これはテストされていない、あなたは、問題に対処しなければならないことがあります。ページャがコンテンツをロードする前にコードが実行される可能性があります。

教えてください。