在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）事件，並通過某種按鈕僅在單擊時打開該行來解決此問題。可能在該行的標題中。