棱角分明的材料带有排序，分页和过滤页面问题的数据表

Question

我正在尝试根据此link对Angular Material Data表进行排序，分页和过滤。

一切似乎都正常，但是我受到以下限制。 你们知道如何解决这个问题吗？ 它不会在Firefox上发生，但会在铬或铬上发生。

如果您需要版本号

Angular CLI: 6.0.8
Node: 8.11.4
OS: linux x64
Angular: 6.1.3
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.6.8
@angular-devkit/build-angular     0.6.8
@angular-devkit/build-optimizer   0.6.8
@angular-devkit/core              0.6.8
@angular-devkit/schematics        0.6.8
@angular/cdk                      6.4.6
@angular/cli                      6.0.8
@angular/material                 6.4.6
@ngtools/webpack                  6.0.8
@schematics/angular               0.6.8
@schematics/update                0.6.8
rxjs                              6.2.2
typescript                        2.7.2
webpack                           4.8.3

Answer 1

添加主题可解决我的问题。

按照here的指导

我在style.css中放入了以下内容

@import "~@angular/material/prebuilt-themes/indigo-pink.css";

它现在按预期工作。