2017-08-01 45 views
-1

我已經在HTML表中使用jQuery進行了條件格式化。它在datatable的第一頁工作正常,但從第二頁開始,它不工作。我正在使用此代碼: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 
}); 

這尚未經過測試,您可能需要處理一個問題:代碼可能在分頁器加載內容之前執行。

讓我知道,