jqwidgets-scripts-custom/demos/Angular/grid/initialpageandpagesize/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)="myGridOnPageChanged($event)" (onPagesizechanged)="myGridOnPageSizeChanged($event)"
    [width]="getWidth()" [source]="dataAdapter" [columns]="columns"
    [sortable]="true" [pageable]="true" [autoheight]="true"
    [columnsresize]="true" [selectionmode]="'multiplerowsextended'">
</jqxGrid>

<div style="margin-top: 30px">
    <div style=" float: left">
        Event Log:
        <jqxPanel [theme]="'material'" #myPanel [width]="300" [height]="180"></jqxPanel>
    </div>
    <div style=" float: left">
        Paging Details:
        <div #pagingInfoLog></div>
    </div>
</div>