首页 文章

编辑ngx-datatable样式问题

提问于
浏览 次
1

我正在关注ngx-datatable的主题设置 .

首先，我安装了ngx-datatable 10.4.0，因为它与Angular 4和早期版本的rxjs兼容 .

我的问题在于 table 的造型 .

我的模板文件如下所示：

<div>
    <ngx-datatable
        [rows]="rows"
        [columns]="columns"
        [columnMode]="'standard'"
        class="material"
        fixed-header
        [headerHeight]="50"
        [scrollbarV]="true">
    </ngx-datatable>
</div>

在我的scss文件里面：

@import '~@swimlane/ngx-datatable/release/index.css';
@import '~@swimlane/ngx-datatable/release/themes/material.css';
@import '~@swimlane/ngx-datatable/release/themes/bootstrap.css';
@import '~@swimlane/ngx-datatable/release/assets/icons.css';

我可以确认材料造型在一定程度上起作用：
enter image description here

我希望在我的 Headers 下添加一个边框底部，但无济于事 .

如果您查看演示：http://swimlane.github.io/ngx-datatable/#filter

样本表总是有一个边框底部 .

如何配置表格以在 Headers 下方插入边框？

我的ngx-datatable设置有问题吗？

angular ngx-datatable

2 回答

  • 1

    插入 border-bottom 并将其设置为菜单中提供的不同选项 .

    请参阅以下代码：

    > .content {
    //width: ~"calc(100% - 900px)";
    //width: 100%;
    border-top: none;
    border-bottom:
}
    回复于
  • 0

    9个月后......

    在组件中检查这一点

    encapsulation: ViewEncapsulation.None
    回复于

相关问题