如何在 Angular v17 中响应式工作角度材质表

Question

所以我一直在遵循这些过程来帮助如何设置角度材料表响应：材料表。我正在尝试在本地使用这个：stackblizAngular12+。

我多次修改 at-table-responsive.directive.scss 但似乎没有任何效果。尽管如此，directive.ts 似乎工作正常。我尝试使用那里提供的其他示例以及 Angular 17 ts strictmode 并得到相同的结果。我的猜测是 json 和 tsconfig 包，但我仍在从这些文件中学习。有人遇到过这种情况吗？我正在 Angular 17 上运行

Answer 1

这是我找到的解决方法......

.table-responsive {
   display: block;
   width: 100%;
   overflow: auto;
   min-height: auto;
   max-height: calc(100vh - 25rem);
}

本课程可以帮助您了解下表的响应能力...

<div class="table-responsive">
   <table>
   ...
   </table>
</div>

这也适用于材料，您不必付出任何额外的努力在角度文档中找到它。