Primeng是一个基于Angular框架的UI组件库,提供了丰富的可复用的UI组件,其中包括了Table组件。Table组件可以用于展示数据,并且支持分页、排序、过滤等功能。
要获取当前显示的行数,可以通过以下步骤实现:
import { Table } from 'primeng/table';
import { Paginator } from 'primeng/paginator';
@ViewChild('table') table: Table;
@ViewChild('paginator') paginator: Paginator;
const firstRowIndex = this.paginator.getPage() * this.paginator.getRows();
const lastRowIndex = firstRowIndex + this.paginator.getRows();
const displayedRows = this.table.value.slice(firstRowIndex, lastRowIndex);
const displayedRowCount = displayedRows.length;
以上代码中,this.table.value
表示Table组件绑定的数据源,this.paginator.getPage()
表示获取当前页码,this.paginator.getRows()
表示获取每页显示的行数。
领取专属 10元无门槛券
手把手带您无忧上云