我使用DataTable插件来显示一些记录.我有3行,名称,日期,金额.我希望行的背景颜色根据金额列中的具体值而改变.
这是我的代码：
<script type="text/javascript" charset="utf-8">
$(document).ready( function () {
var table = $('#tid_css').DataTable({
'iDisplayLength': 100,"bFilter": false,"aaSorting" : [[2,"desc"]]
});
} );
</script>
作为测试,我添加了以下代码与上面的代码,但得到错误“DataTables警告：表id = tid_css – 无法重新初始化DataTable”
<script type="text/javascript" charset="utf-8">
$(document).ready( function() {
$('#tid_css').dataTable( {
"fnRowCallback": function( nRow,aData,iDisplayIndex,iDisplayIndexFull ) {
if ( aData[2] == "1" )
{
$('td:eq(2)',nRow).html( '<b>1</b>' );
}
}
} );
} );
</script>
使用不同条件的“fnRowCallback”,如果数量为1,则颜色为红色,2 =蓝色,3 =蓝色等,可以轻松实现.
解决方法
好的,我能够自己解决这个问题：
$(document).ready( function () {
$('#tid_css').DataTable({
"iDisplayLength": 100,"desc"]],"fnRowCallback": function( nRow,iDisplayIndexFull ) {
if ( aData[2] == "5" )
{
$('td',nRow).css('background-color','Red');
}
else if ( aData[2] == "4" )
{
$('td','Orange');
}
}
});
})
