【问题标题】:edit css primeNG dataTable header编辑 css primeNG 数据表头
【发布时间】:2017-03-13 15:12:41
【问题描述】:

大家好,我目前正在使用 angular 2 和 primeNG 组件开发用户界面。

我使用dataTable(p-dataTable)组件,我想改变dataTable表头的背景颜色。

我尝试编辑 .ui-datatable-header 和 .ui-datatable-thead 类,但没有任何效果。

如果您有解决方案,请提前感谢您的帮助。

【问题讨论】:

    标签: angular datatable background-color primeng


    【解决方案1】:

    使用以下内容:

    .ui-datatable .ui-datatable-thead > tr > th {
        background: red;
    }
    

    【讨论】:

    • dataTable 标题始终具有默认背景颜色 :( 感谢您的回答。
    • @Jordy 此代码 100% 有效。例如,将我提供的 CSS 添加到这个 plnkr 的 CSS 文件中,你会看到它的工作原理:embed.plnkr.co/d9hQLeW3r95SMtCioTqt
    • 你是对的,我在错误的文件中添加了 css,今天早上我把它放在 style.css 中,它可以工作。非常感谢!!!!! :D
    • 抱歉突然出现,但是如何将它添加到某些列,我在我想要的列上使用了 styleClass="switchTable" 但似乎无法获得它们
    猜你喜欢
    • 2018-11-02
    • 1970-01-01
    • 1970-01-01
    • 2017-09-14
    • 2018-01-11
    • 2023-03-22
    • 2018-01-20
    • 1970-01-01
    • 2018-11-14
    相关资源
    最近更新 更多