如何在拖动ngx-datatable、Angular4列时滚动水平滚动条

import { Component } from '@angular/core';

@Component({
  selector: 'app-datatable',
  template: `
    <ngx-datatable
      class="material"
      [rows]="data"
      [columns]="columns"
      [scrollbarH]="true"
      (columnReordered)="onColumnReordered($event)"
    >
    </ngx-datatable>
  `,
  styleUrls: ['./datatable.component.css']
})
export class DatatableComponent {
  data: any[] = [
    { name: 'John', age: 25, city: 'New York' },
    { name: 'Jane', age: 30, city: 'London' },
    { name: 'Bob', age: 35, city: 'Paris' }
  ];

  columns: any[] = [
    { prop: 'name', name: 'Name' },
    { prop: 'age', name: 'Age' },
    { prop: 'city', name: 'City' }
  ];

  onColumnReordered(event: any) {
    const scrollBar = document.querySelector('.datatable-scroll');
    const scrollLeft = (event.column.dragDistance - event.column.dragStartDistance) * -1;
    scrollBar.scrollLeft += scrollLeft;
  }
}