Флажок не отображается в ngx-datatable

Код: вот пример HTML-кода. операции работает правильно, но флажок не отображается.

 <ngx-datatable
              style="width: 90%"
              class="material"
              [rows]="rows"
              [columnMode]="'force'"
              [headerHeight]="50"
              [footerHeight]="50"
              [rowHeight]="'auto'"
              [limit]="5"
              [selected]="selected"
              [selectionType]="'checkbox'"
              [selectAllRowsOnPage]="false"
              [displayCheck]="displayCheck"
              (activate)="onActivate($event)"
              (select)='onSelect($event)'>
              <ngx-datatable-column
                [width]="30"
                [sortable]="false"
                [canAutoResize]="false"
                [draggable]="false"
                [resizeable]="false"
                [headerCheckboxable]="true"
                [checkboxable]="true">
              </ngx-datatable-column>
              <ngx-datatable-column name="Name"></ngx-datatable-column>
              <ngx-datatable-column name="Gender"></ngx-datatable-column>
              <ngx-datatable-column name="Company"></ngx-datatable-column>
            </ngx-datatable>

операторы импорта добавлены в src / Style.css

@import '~@swimlane/ngx-datatable/release/index.css';
@import '~@swimlane/ngx-datatable/release/themes/material.css';
@import '~@swimlane/ngx-datatable/release/assets/icons.css';

Я использую версию ngx-datatable: ^ 11.3.2, поэтому есть код узла, который нужно удалить

input[type="checkbox"], input[type="radio"] { display: none; }