css - ng-table 固定标题和滚动条

Question

我正在使用这个 NG-TABLE并且很难尝试修改 CSS。我想要数据的固定标题和滚动条。我正在使用 CSS in this link .

我的 html 看起来像这样。

<ng-table class="table-scroll" [config]="config"
          [rows]="rows" [columns]="columns">
</ng-table>

我打开开发者工具，发现表格滚动 CSS 不工作。

我发现了问题。用户代理 css 正在覆盖我的 css。在 ng-table 里面，还有另一个 table 和 clss。我该如何覆盖它？

Answer 1

当你使用标准的 class 属性时，它的值可以被 Angular 元素忽略。

与ngClass 一起使用效果更好相反，因为它将其值附加到元素添加的任何类:

<ng-table [ngClass]="'table-scroll'" [config]="config" [rows]="rows" [columns]="columns">
</ng-table>

示例 plunker:https://plnkr.co/edit/d4uFrAsnRJqYMqiyLuTG?p=preview

第二个选项是将选择器从 .table-scroll thead ... 更改为通用表选择器 table thead ... etc，如果您不' 页面上有其他表会受到影响。