时间戳

首页 > 解决方案 > 将材质主题应用于离子角度的 ngx-datatable

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

问题描述

我正在使用lateat ionic 开发一个移动应用程序。我已经用 npm 安装了 ngx-datatable 来显示一些数据。该表正在工作，但我无法应用该样式。按照文档，我将此添加到我的页面 scss 中：

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';

}

这在我的页面模板中：

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

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

标签： angularionic-frameworkngx-datatable

解决方案

您需要将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

推荐阅读