Question

我正在使用datatables 插件。我的表包含一个列名css，其中包含该行中列的css 例如，数据库中的表格如下，

 Name   Priority   Percent    CSS 
--------------------------------------------------------- 
 abc    high       50         .priority{color:red}    .percent {color:yellow}
 xyz    low        70         .priority{color:green}  .percent {color:green}
 pqr    medium     10         .priority{color:yellow} .percent {color:red}

现在虽然显示数据表我不想包含css列但我想在特定单元格上应用css。我正在尝试实现类似下面的内容，

$('#example').dataTable({              
    "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {  
         $(row).children().each(function(index, td){
             // perform operation here
         });
    return nRow;
    }

我不了解如何使用同一行<td>的css为特定<td>添加css。

请帮忙

Answer 1

它未经测试但可能适合您。在doc ready处理程序中使用它。

$("td:contains('high')").css({"color":"red"});
$("td:contains('high')").next('td').css({"color":"yellow"});

同样适用于其他tds：

$("td:contains('low')").css({"color":"green"});
$("td:contains('low')").next('td').css({"color":"green"});

和

$("td:contains('medium')").css({"color":"yellow"});
$("td:contains('medium')").next('td').css({"color":"red"});

如果这解决或有帮助，请尝试此操作。

数据表 - 将表格单元格中存在的css分配给其他表格单元格

1 个答案: