Question

我正在尝试按照10月后端用户界面样式指南进行操作： https://octobercms.com/docs/ui/list - 特别是Status column部分。

我需要突出绿色或红色的行细胞。该指南提到了CSS类.negative和.positive以及text-danger和text-success，但我无法让它们发挥作用。

我在columns.yaml文件中添加了CSS类：

    status:
    label: Status
    type: text
    cssClass: 'oc-icon-circle text-danger negative'

以下是在Chrome浏览器上检查时生成的HTML代码：

<td data-title="Status" class="list-cell-index-4 list-cell-name-status list-cell-type-text oc-icon-circle text-danger negative">
  Blocked
</td>

上面的代码出了什么问题？我可以使用OctoberCMS来突出显示表格行中的文本吗？

Answer 1

也许这可以帮到你：

在OctoberCMS文档中，我们可以find一些用于突出显示行的css类。我们可以在Rainlab.User插件中看到一个示例。

从控制器中，只需要添加方法listInjectRowClass。

// This code is part of the \RainLab\User\Controllers\Users
public function listInjectRowClass($record, $definition = null)
{
    if ($record->trashed()) {
        return 'strike';
    }

    if (!$record->is_activated) {
        return 'disabled';
    }
}

来源：https://octobercms.com/forum/post/adding-row-class-to-lists-from-behavior

列表行CSS类不再受支持？

1 个答案: