Yii gridview改变细胞背景颜色

时间:2013-07-01 09:53:18

标签: css gridview yii cell background-color

我想在yii中改变(bootstrap)网格中的背景颜色,具体取决于比较的单元格值。 我花了一段时间才弄清楚我在哪里放置CSS类来获得一些东西 - ... / protected / css / styles.css:

.notice {
    background:#FFF6BF;
    color:#514721;
}

我希望这是正确的地方。 在我的网格中:

'columns' => array(
    ...
    array(
        'name' => 'Pcs',
        'cssClassExpression' => '$data["Pcs"] <> $data["Pcs"] ? "notice" : ""',
    ),

这样,我的css定义仅应用于每隔一行。我在不同主题中阅读了很多相关内容:CGridView. Add custom class to table rows preserving original „odd“ and „even“以及stackoverflow.com中的内容。 我知道有“奇数”和“偶数”行,但我仍然没有得到图片。我试图手动更改rowCssClassExpression

'rowCssClassExpression' => '',

因为我认为如果我禁用基本的yii行着色,我的css将会应用,并且在html源代码中我可以看到每行有适当的类定义,但仍然,行背景颜色保持不变。我该怎么做才能让它发挥作用? 非常感谢!

1 个答案:

答案 0 :(得分:1)

您的css规则被忽略了。正在应用的选择器为table tr td,因此您的选择器应如下

table tr td.notice {
    background:#FFF6BF;
    color:#514721;
}

如果这不起作用,您可以始终使用!important

设置规则