Question

我正在使用数据表来显示一些数据。我正在使用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不会将id或class归属于其<td>。

因此，您可以尝试使用span ...包裹更新的值例如：<span class="updatedValue">Your value</span>。

然后通过jquery，在你重新加载之后：

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

只要数据发生变化，就会突出显示数据表行

1 个答案: