代码之家 › 专栏 › 技术社区 › Sun

未将样式设置应用于角度组件中的数据表

angular-components datatables angular

0

Sun · 技术社区 · 7 年前

我有一个角度分量,和 JS数据表 在它里面。

组件的html与此类似:

<h3>Test</h3>

<table class="table table-striped table-bordered table-hover" #table id="table">
  <thead>
    <tr>
      <th *ngFor="let column of columns">{{column.name}}</th>
    </tr>
  </thead>
</table>

我有一个组件的css文件:

h3 {
  color: blue;
}

.paginate_button {
  padding: 100px;
}

我为表格添加的任何样式都不适用,但h3的样式适用!

如果我加上 .paginate_button 面向全球的风格 风格。css 该样式已应用。

我错过了什么?

0 回复 | 直到 7 年前

1

Adrita Sharma 7 年前

JS数据表 组件本身有自己的css文件,这就是为什么在组件css文件中覆盖的样式没有得到反映。然而,如果我们写一些全球风格的风格。css,它会自动应用到所有组件中。

班 paginate_button 组件的模板中不存在。它实际上存在于 JS DataTable 他很镇静。所以风格不能改变。希望这有意义。谢谢

你可以尝试全球风格。css:

.paginate_button {
  padding: 100px !important;
}