Тема Bootstrap не применяется

Я пытаюсь применить тему Bootstrap к моим данным. я использую ngx-datatable версия 10.4.0, потому что я все еще на Angular 4 и 11.0 не совместимы. Согласно журналу изменений, тема Bootstrap была добавлена ​​в версии 10.3.0.

Ниже мой component.html:

<div>
    <ngx-datatable class="bootstrap" [rows]="rows" [columns]="columns" (select)='onSelect($event)' [selected]="selected" [selectionType]="'single'"
        [limit]="10" [columnMode]="'force'" [headerHeight]="40" [footerHeight]="40" [rowHeight]="'auto'">
    </ngx-datatable>
</div>

Тем не менее, это не добавляет стиль, как в демо. Я думаю, что я включил все, что показывает документация.

Я использую Bootstrap 3.3.7. Требуется ли 4.0? Я правильно не включаю что-то?

Источник

1 ответ

Убедитесь, что вы включили файл scss в свою сборку.

В .angular-cli.json Вы должны добавить это:

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

так же <ngx-datatable> элемент должен иметь как bootstrap а также ngx-datatable классы:

<ngx-datatable class="bootstrap ngx-datatable">
Источник
Другие вопросы по тегам