ngx-datatable - тема Bootstrap - заголовки столбцов - PullRequest
Новая
       12

ngx-datatable - тема Bootstrap - заголовки столбцов

0 голосов
/ 15 января 2019

Я пытаюсь реализовать ngx-datatable с реализацией темы для Bootstrap.

Я добавляю Bootstrap CSS как из Bootstrap 4, так и из ngx-datatable в стилях приложения: 

"styles": [
          "node_modules/bootstrap/dist/css/bootstrap.css",
          "node_modules/@swimlane/ngx-datatable/release/themes/bootstrap.css",
          "src/styles.css"
        ],

И затем реализация таблицы на моей странице компонента: 

<ngx-datatable class="bootstrap"
[rows]="tablePage.results"
[columns]="columns"
[columnMode]="'force'"
[rowHeight]="'auto'"
[headerHeight]="50"
[footerHeight]="50"
[externalPaging]="true"
[loadingIndicator]="loading"
[count]="tablePage.pager.count"
[offset]="tablePage.pager.offset"
[limit]="tablePage.pager.limit"
[reorderable]="true"
(page)='setPage($event)'>

Кроме того, все модули импортируются в модуль приложения: 

imports: [
BrowserModule,
AppRoutingModule,
HttpClientModule,
NgbModule,
FontAwesomeModule,
NgxDatatableModule
],

Проблема заключается в том, что значки заголовков столбцов не отображаются. Ни один из значков направления сортировки не отображается, и я не знаю, что еще добавить, так как все выглядит как на демонстрационном сайте.

1 Ответ

0 голосов
/ 14 марта 2019

не забудьте включить node_modules/swimlane/ngx-datatable/release/assets/icons.css

или для sass @import '~@swimlane/ngx-datatable/release/assets/icons.css';

...