jqwidgets-scripts-custom/demos/Angular/grid/paging/src/app/app.component.html

jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.

<jqxGrid [theme]="'material'" #myGrid (onPagechanged)="onPageChanged($event)" (onPagesizechanged)="onPageSizeChanged($event)"
    [width]="getWidth()" [source]="dataAdapter" [columns]="columns"
    [pageable]="true" [sortable]="true" [columnsresize]="true"
    [autoheight]="true" [selectionmode]="'multiplerowsextended'">
</jqxGrid>

<div #eventsLog style="display: none; margin-top: 30px;">
    <div style="float: left;">
        Event Log:

        <jqxPanel [theme]="'material'" #myPanel [width]="300" [height]="300"></jqxPanel>
    </div>
    <div style="float: left;">
        Paging Details:
        <div #pagingInfo></div>
    </div>
</div>