Question

我正在使用Lateat离子开发移动应用程序。我已经用npm安装了ngx-datatable来显示一些数据。该表正在运行，但我无法应用该样式。在文档之后，我将其添加到我的页面scss：

＆＃13;

page-datapage{

  @import '~@swimlane/ngx-datatable/release/index.css';
  @import '/node_modules/@swimlane/ngx-datatable/release/themes/material.css';
  @import '~@swimlane/ngx-datatable/release/assets/icons.css';

}

＆＃13;

这在我的页面模板中：

＆＃13;

  <ngx-datatable class="material"
    [rows]="rows"
    [columns]="columns">
  </ngx-datatable>

＆＃13;

该表出现并且正常工作（即使排序正常）但表格没有样式且没有图标出现。

Answer 1

您需要将 index.css ， material.css 和 icon.css 复制到 src / assets 文件夹。

复制后，将文件重命名为 _index.scss ， _material.scss 和 _icon.scss

在您的 app.scss 中导入文件，如下所示：

@import '../assets/index';
@import '../assets/material';
@import '../assets/icons';

字体：https://github.com/swimlane/ngx-datatable/issues/1249#issuecomment-359629984

将材料主题应用于离子角度的ngx-datatable

1 个答案: