ngx-datatable 防止空格答案

【问题标题】：ngx-datatable prevent whitespacengx-datatable 防止空格
【发布时间】：2019-09-13 16:41:32
【问题描述】：

如何防止 ngx-datatable 在调整大小时出现空白。它在我删除 [scrollbarH]="true" 时起作用，但我需要滚动条，因为表格对于小屏幕来说太大了。有我的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>

【问题讨论】：

标签： ngx-datatable

【解决方案1】：

其中一种方法是将表格包装在一个 div 中，在这个 div 上使用 min-width 和 max-width。并且应该将属性 [scrollbarH] 分配给某个值。要么读取屏幕宽度并调整它，要么您可以使用 column count ，或者甚至两者都使用并调整它。

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

【讨论】：