ngx-datatable水平滚动在移动设备上不起作用

Question

在手机上进行测试时，我注意到通过真实设备访问表格时ngx-datatabe水平滚动不起作用。

在移动设备布局上的Chrome开发模式下进行测试时，一切都会按预期进行。我唯一的随机结果是从屏幕边缘开始滚动，然后在大约10％的情况下有效。

<mat-card class="p-0" [@animate]="{value:'*',params:{y:'50px',delay:'300ms'}}">
  <mat-card-content class="p-0">
    <ngx-datatable
        #table
        class="material striped"
        [loadingIndicator]="loadingIndicator"
        [rows]="items"
        [columnMode]="'flex'"
        [headerHeight]="50"
        [footerHeight]="50"
        [limit]="page.size_"
        [scrollbarH]="true"
        [externalSorting]="true"
        [rowHeight]="'auto'"
        [sortType]="'multi'"
        (sort)="onSort($event)"
        [externalPaging]="true"
        [count]="page.count_"
        [offset]="page.page_"
        [selectionType]="'single'"
        (page)='onPage($event)'
        (select)='onSelect($event)'
        [selected]="selected">
...

其他人也有类似的问题吗？使用的版本：“ @ swimlane / ngx-datatable”：“ 11.1.7”，Angular 6。

Answer 1

我通过使用[scrollbarH]="true"实现了这一目标。