применить материальную тему к ngx-datatable в ионном угловом - PullRequest
Новая
       8

применить материальную тему к ngx-datatable в ионном угловом

0 голосов
/ 04 мая 2018

Я разрабатываю мобильное приложение с использованием lateat ionic. Я установил ngx-datatable с npm для отображения некоторых данных. Стол работает, но я не могу применить стиль. Следуя документации, я добавил это на свою страницу 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>

Таблица появляется, и она работает (даже сортировка работает), но таблица не имеет стиля и значок не отображается.

1 Ответ

0 голосов
/ 28 августа 2018

Вам необходимо скопировать 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

...