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



目前我在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>

事件只是转到文档详细信息屏幕,仅此而已。

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

提前谢谢!

您可以通过删除(onRowSelected)事件来解决此问题,并放置某种按钮以仅在单击时打开行。可能在行的标题中。

相关内容

  • 没有找到相关文章

最新更新