jqueryデータテーブル内の異なるbgcolorsにある各行

Question

jquery datatableの各行を別の色で表示する必要があります。例：データセットに20レコードがあるかどうか。異なる色で表示される20のレコード。いずれかお手伝いください.....

Answer 1

このコードを試して、各行で実行できます。あなたに20種類の色を与えることは100％保証されていませんが、非常に可能性があります。

'#'+(Math.random()*0xFFFFFF<<0).toString(16))

（と仮定して、アレイ内の生成された文字列を保存し、DKSanの回答時に展開するには

Answer 2

を追加する前に、配列の各要素に対して、すべての新しい創造をテストし、それは100％を確認してください持っています！彼のコードが動作すること）、利用可能DataTableの初期化パラメータであるfnRowCallbackにランダム生成を追加します。

// you don't have to pass everything in if all you're using is nRow 
"fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { 
    var randomColor = '#'+(Math.random()*0xFFFFFF<<0).toString(16)); 
    $(nRow).css('background-color', randomColor); 

    return nRow; 
} 

THER eは、完全にランダムな色を使用するのではなく、あなたができるたくさんのものです。使用可能な色（たとえば20）の配列を作成すると、（fnRowCallbackの外側のスコープを持つ）インデックス変数をインクリメントして循環することができます。または、「行内に2つの」テストを使用して、利用可能な色のセットからランダムな色を引き出すこともできます。