与材质选项卡一起使用时，浏览器调整大小会扭曲 ngx 数据表

Question

我使用的是 ngx-datatable 19.0.0、Angular 版本 11.1.0 和 Material 版本 11.2.13。

当我直接在 ngx-datatable 中使用 props [columnMode]="'force'" 时，页面正确加载并且列正确填充屏幕。但是，如果我无论如何调整页面大小，则该列不适合，并且如果我最大化屏幕或返回到屏幕最初的大小，并且该列不适合页面。

如果我使用道具 [columnMode]="'standard'" ，则大小在任何页面大小下都保持不变，但它不会填充整个页面，这就是 [columnMode]="'force'" 的正确做法。

下面是打印有缺陷的页面。

Answer 1

这个问题对我有用：https://github.com/swimlane/ngx-datatable/issues/1090。

如果你也有同样的问题，可以搜索到这个会话：

请看一下。至少在我这边，这个测试网格会调整大小 通常情况下。但在本例中，您可能会遇到更复杂的情况 这段代码需要调整。我什至不记得细节 这是为一些旧版本的泳道数据表完成的，另外我有一个 比你更新的 Angular...也许现在需要修改代码。 不管怎样，请告诉我这是否至少“按原样”对您有用;)

您可以尝试以下代码：https://codesandbox.io/p/sandbox/swimlane-datatable-resize-issue-xf3j99 .