データに変更があるたびにデータテーブル行をハイライト表示

Question

データを表示するのにdatatablesを使用しています。そして、私はtable.ajax.reloadを使って行を更新しています。

私がしたいのは、変更される行を強調表示することです。最後の列が上がったときに緑を強調表示します。最後の列がダウンすると赤く強調表示されます。

これを行うために、データ型APIが組み込まれていますか？

<table id="example1" class="display" cellspacing="0" width="100%"> 
<thead> 
     <tr><th>Coin</th><th>last</th><th>lowestAsk</th><th>highestBid</th><th>percentChange</th><th>baseVolume</th><th>quoteVolume</th><th>isFrozen</th><th>high24hr</th><th>low24hr</th></tr> 
    </thead> 
    <tbody></tbody> 
    <tfoot> 
     <tr><th>Coin</th><th>last</th><th>lowestAsk</th><th>highestBid</th><th>percentChange</th><th>baseVolume</th><th>quoteVolume</th><th>isFrozen</th><th>high24hr</th><th>low24hr</th></tr> 
    </tfoot> 
</table> 


$(document).ready(function() { 
var uriToken = '/dfeed.php'; 
var table = $('#example1').DataTable({ 
    //"processing": true, 
    //"serverSide": true, 
    //"searching": true, 
    "ajax": uriToken + '?get_ticker2=1', 
    "columns": [ 
     { "data": "Coin" }, 
     { "data": "last" }, 
     { "data": "lowestAsk" }, 
     { "data": "highestBid" }, 
     { "data": "percentChange" }, 
     { "data": "baseVolume" }, 
     { "data": "quoteVolume" }, 
     { "data": "isFrozen" }, 
     { "data": "high24hr" }, 
     { "data": "low24hr" } 
     ] 
}); 



window.setInterval(function() { 
    table.ajax.reload(null, false); // user paging is not reset on reload 
    //console.log("tick"); 
}, 3000 }); 

Answer 1

DataTableには、そのすべての<td>に任意のidかclassものではありません。 <span class="updatedValue">Your value</span>：

だからあなたのようなspan ...
何かを使用して更新された値をラップしようとすることができます。右のあなたのリロード後jqueryの経由その後

、：

$(".updatedValue").parent().css({"background-color":"#10E438"}); // Or any other green color number ;)