ngx-datatable防止空白

Question

如何防止ngx-datatable在调整大小时出现空格。它的工作是当我删除scrollbarH=“真”，但我需要滚动条，因为表太大的小屏幕。这是我的html代码。

<ngx-datatable style="width:95%; margin: 0 auto;"
  class="material"
  [rows]="areas"
  [columnMode]="'force'"
  [headerHeight]="50"
  [rowHeight]="50"
  [scrollbarH]="false"
  [selectAllRowsOnPage]="false"
  (activate)="onActivate($event)">

     <ngx-datatable-column name="Id" [maxWidth]="60"></ngx-datatable-column>
     <ngx-datatable-column name="Name"></ngx-datatable-column >
     <ngx-datatable-column name="Actions"></ngx-datatable-column>
</ngx-datatable>

Answer 1

其中一种方法是将表包装在div中，在此div上使用min-width和max-width。并且应该为属性scrollbarH赋值。要么读取屏幕宽度并调整它，要么使用列计数，或者甚至两者都使用并调整它。

<div style="float:left; max-width: 90%; min-width: 30%">
  <ngx-datatable
   style="width: 90%"
   [scrollbarH] = SOME VARIABLE, WHICH YOU ADJUST 
  >
</ngx-datatable>
  </div>