jqwidgets-framework/demos/Angular/src/grid/initialpageandpagesize/app.component.html

jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.

<jqxGrid #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 #myPanel [width]="300" [height]="180"></jqxPanel>
    </div>
    <div style=" float: left">
        Paging Details:
        <div #pagingInfoLog></div>
    </div>
</div>