0

私はデータテーブルプラグインを使用しています。私のテーブルには、その行の列の 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 を使用して特定の css を追加する方法がわかりません。<td>

助けてください

4

1 に答える 1

0

テストされていませんが、うまくいくかもしれません。これを 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"});

これで解決または役立つ場合は、これを試してください。

于 2012-12-13T11:55:56.873 に答える