在Angular 2中滚动移动设备上的PrimeNG数据表

Question

目前，我正在使用Angular 2中的PrimeNG数据表来显示文档列表。这应该适用于移动设备，所以我使用了响应式设备。当单击数据表的一行时，会显示另一个包含文档详细信息的组件。

我们将数据表部署到我们的服务器并在移动设备上进行测试。这里的问题是，在数据表上滚动时，会立即显示文档详细信息屏幕。换句话说，当触摸一行以便能够滚动时，文档详情屏幕被打开。当在数据表旁边滚动时，我们实际上可以滚动，但这是一个非常小的区域。有人用胖手指很容易错过。

难道有人指出我在正确的方向能够滚动数据表本身没有打开文档详细信息屏幕？

此外，这是我用来显示数据表的代码：

<p-dataTable class="table table-striped" [value]="visibleRows" sortMode="multiple" reorderableColumns="true" [responsive]="true" selectionMode="single" (onRowSelect)="onRowSelect($event)"> 
    <p-column *ngFor="let column of visibleColumns" [field]="column.key" [header]="column.name" [sortable]="true"></p-column> 
</p-dataTable> 

事件只是路由到文档的细节画面，仅此而已。

如果您需要更多信息，请随时询问。

预先感谢您！

Answer 1

您可以通过删除（onRowSelected）事件，并通过某种按钮仅在单击时打开该行来解决此问题。可能在该行的标题中。