2017-01-25 2 views
0

В настоящее время я использую модуль PrimeNG, который можно использовать в Angular 2, чтобы отобразить список документов. Это должно работать на мобильном устройстве, поэтому я использовал отзывчивый. При нажатии одной строки данных отображается другой компонент с деталями документа.Прокрутка PrimeNG на мобильных устройствах в Угловом 2

Мы развернули данные на нашем сервере и протестировали их на мобильном устройстве. Проблема здесь в том, что при прокрутке на datatable отображается экран подробных данных документа. Другими словами, при касании строки для прокрутки открывается экран сведений о документе. Когда прокручивается рядом с данным, мы можем прокручивать, но это очень маленькая область. Кто-то с толстыми пальцами будет легко пропустить.

Может ли кто-нибудь указать мне в правильном направлении, чтобы иметь возможность прокручивать сам файл данных без открытия экрана сведений о документе?

Кроме того, это код, я использую, чтобы показать DataTable:

<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> 

Событие только маршрутизации на экране сведений о документе, больше ничего.

Если вам нужна дополнительная информация, не стесняйтесь спрашивать.

Спасибо заранее!

ответ

0

Вы можете решить эту проблему, удалив событие onRowSelected и положив какую-то кнопку, чтобы открыть строку только при нажатии. Возможно в заголовке строки.

Смежные вопросы