2

jQuery データテーブルを作成する必要があります。この場合、一部の行の背景色が灰色になる可能性があります。つまり、行が無効になっていることを意味します。行は、対応する MySQL テーブルの列「ステータス」が 0 に等しい場合にのみ、灰色の背景を持つことができます。

以下のコードを見てください。列「10」は非表示です。値が含まれていstatusます。0 の場合、行の背景色は異なります。しかし、これはうまくいきません。エラー メッセージはありません。何か案は？

$(document).ready(function(){
              $('#newspaper-b').dataTable({
              "sPaginationType":"full_numbers",
              "aaSorting":[[4, "asc"]],
              "aoColumns": [null,null,null,null,null,null,null,null,null,null,
                            {"bSearchable": true, "bVisible": false},null,null],
              "bJQueryUI":true,
              'fnRowCallback': function(nRow, aData, iDisplayIndex, iDisplayIndexFull) {
                    if(aData[10]=="0"){
                        nRow.className = "disactivatedRow";
                    }
                    return nRow;
                }
              });

CSS 

.disactivatedRow td { 
    background-color:#ffbba9 !important;
    color: #e6e6fa;
}
#newspaper-b {
    border-collapse: collapse;
    border-color: #B7DDF2;
    border-style: solid;
    border-width: 1px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin: 0;
    text-align: left;
    width: 480px;
}
#newspaper-b th {
    background: none repeat scroll 0 0 #EBF4FB;
    border-color: lightgray;
    font-size: 11px;
    font-weight: bold;
    padding: 15px 10px 10px;
}
#newspaper-b tbody tr td {
    background: none repeat scroll 0 0 #FFFFFF;
}
#newspaper-b td {
    border-top: 1px dashed #FFFFFF;
    color: #000000;
    padding: 10px;
}
#newspaper-b tbody tr:hover td {
    background: none repeat scroll 0 0 #FFCF8B;
    color: #000000;
}
#newspaper-b tbody tr.selected td {
    background: none repeat scroll 0 0 #FFCF8B;
    color: #000000;
}
4

1 に答える 1

2

行にはコンテンツがないため、背景、代わりに td に色を付ける必要があります。

.disactivatedRow td { 
    background-color:#ffbba9 !important;
    color: #e6e6fa;
}

それでも解決しない場合は、if の外で console.log(aData[10]) をお勧めします。console.log を動作させるには、Chrome/Firefox を使用し、F12 経由でコンソール出力を見つけ、aData[10] の内容を確認します。おそらく aData[9] が必要です (プログラマーはゼロからカウントするために使用します ;)。

于 2012-05-26T20:11:13.403 に答える