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

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

<div style="font-size: 13px; font-family: Verdana; float: left; width: 100%;">

    <jqxGrid [theme]="'material'" #myGrid
        [width]="getWidth()" [source]="dataAdapter" [columns]="columns"
        [pageable]="true" [sortable]="true" [altrows]="true" [filterable]="true" 
        [columnsreorder]="true" [autoloadstate]="true" [autosavestate]="true" 
        [autoheight]="true" [editable]="true"  [columnsresize]="true"
        [showfilterrow]="true" [selectionmode]="'multiplerowsextended'">
    </jqxGrid>

    <div style="margin-top: 30px; float: left">

        <jqxButton [theme]="'material'" (onClick)="saveStatebtn()">Save State</jqxButton>

        <jqxButton [theme]="'material'" (onClick)="loadStateBtn()">Load State</jqxButton>

    </div>

</div>