Angular 更改自定义组件高度

Question

我有一个库，我正在尝试使用其中包含 table 的组件。我想做的是改变组件的高度。

总而言之，我无法更改 lib-table 元素的高度。

组件

<div class"table-wrap">
 <table>
  ...
 </table>
</div>

App.html

<lib-table class"height"></lib-table>

App.Css

.height {
 height: 50vh;
}

Answer 1

您可以像这样将其包装在 div 中：

<div class"height">
    <lib-table ></lib-table>
</div>

Answer 2

如果遇到此问题，您必须将 class .table-wrap {} 放入全局 css 文件中。

Angular change custom component height