Yii gridview 更改单元格背景颜色答案

【问题标题】：Yii gridview change cell background colorYii gridview 更改单元格背景颜色
【发布时间】：2013-06-28 09:42:58
【问题描述】：

我想根据比较的单元格值更改 yii 中（引导）网格中的背景颜色。我花了一段时间才弄清楚我什至必须在哪里放置 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 源代码中我可以看到每一行都有适当的类定义，但行背景颜色仍然保持不变。我应该怎么做才能让它工作？非常感谢！

【问题讨论】：

标签： css gridview yii cell background-color

【解决方案1】：

您的 css 规则被忽略。正在应用的选择器是table tr td，因此您的选择器应该如下

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

如果这不起作用，您可以随时使用 !important 设置规则

【讨论】：