В настоящее время я использую таблицу данных PrimeNG в Angular 2 для отображения списка документов. Это должно работать на мобильном устройстве, поэтому я использовал адаптивный. При нажатии на одну строку таблицы данных отображается другой компонент с подробной информацией о документе.
Мы развернули таблицу данных на нашем сервере и протестировали ее на мобильном устройстве. Проблема здесь в том, что при прокрутке таблицы данных сразу отображается экран сведений о документе. Другими словами, при касании строки для прокрутки открывается экран сведений о документе. При прокрутке рядом с таблицей данных мы действительно можем прокручивать, но это очень маленькая область. Кто-то с толстыми пальцами легко промахнется.
Может ли кто-нибудь указать мне правильное направление, чтобы иметь возможность прокручивать саму таблицу данных без открытия экрана сведений о документе?
Кроме того, это код, который я использую для отображения данных:
<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>
Событие просто перенаправляется на экран сведений о документе, не более того.
Если вам нужна дополнительная информация, не стесняйтесь спрашивать.
Заранее спасибо!
