首页 > 解决方案 > 带有排序,分页和过滤页面问题的角度材料数据表

问题描述

我正在尝试通过此链接的排序、分页和过滤来遵循 Angular Material Data 表。

一切似乎都正常,但我被以下内容阻止了。你们知道如何解决这个问题吗?它不会发生在 Firefox 上,但会发生在 chrome 或 chromium 上。

如果您需要版本号

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

跳舞的分页

标签: angularangular-material-6

解决方案


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

按照这里的指导

我将以下内容放入 style.css

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

它现在按预期工作。


推荐阅读