复选框在ngx-datatable中不可见

Question

代码:这是一个示例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; }

Answer 1

你有一个displayCheck函数在你的ngx数据表中，如果它是激活的，你肯定会有隐藏的复选框。

displayCheck="displayCheck“