Question

我有一个带有JS DataTable的角度组件。

该组件的html与此类似：

Debug.WriteLine("This wont work: " + file.Headers.ContentLength);

我有一个用于该组件的css文件：

<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>

我为表格添加的任何样式均未应用，但h3的样式已应用！

如果将.paginate_button样式添加到全局styles.css中，则会应用样式。

我想念什么？

Answer 1

JS DataTable 本身就是一个具有自己的css文件的组件，这就是为什么您在组件css文件中覆盖的样式无法得到体现的原因。但是，如果我们在全局styles.css中编写某种样式，它将自动应用到所有组件中。

类paginate_button不存在于组件的模板中。它实际上存在于JS DataTable的组件中。因此样式无法更改。希望这是有道理的。谢谢。

您可以尝试使用global style.css：

.paginate_button {
  padding: 100px !important;
}

样式不适用于角度组件中的DataTable

1 个答案: