0

ASP.NET ピボット テーブルがあり、そのテーブルのセルにはさまざまな値 1、2、3、または 4 があります。どの値を選択しても、セルは 4 つの色のいずれかに変わります。

$(function () {

        var colors = { 1: 'green', 2: 'orange', 3: 'red', 4: 'blue' };
        $("td").css('background-color', function (index, value) {
            var txt = $(this).text();
            if (colors.hasOwnProperty(txt)) {
                $(this).html(' ') 
                return colors[txt];
            }
            return value;
        });

    });

基本的な理論では、このコードは正常に機能しますが、私がやりたいことは、表のセル全体が特定の色に変わるのではなく、表のセルの一部を特定の色に変えたいということです。データベース！

現在、1 つのセルに 3 つのレコードがある場合 (3、2、4 としましょう)、数値が別々で、セルの出力が赤、オレンジ、青の 3 つの部分に分かれているのではなく、合計 (9) され、色はありません。付加価値が全然です。

4

1 に答える 1

0

これは HTML アーキテクチャの問題です。各数値を使用してセルを分割しspan、全体ではなくスパンに色を適用できますTD

このフィドルをチェックしてください

HTML :

<td>
    <span>3</span>
    <span>2</span>
    <span>4</span>
  </td>​

CSS:

span {
display:block;
    float:left;
}​

JS:

  var colors = ['green','orange','red','blue'];
$("span").each(function(){
             col = parseInt($(this).text());
                $(this).css('background-color', colors[col-1]);

});
于 2012-12-14T14:58:01.020 に答える