jqwidgets-scripts-custom/demos/Angular/grid/masterdetails/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%;">
    <h3>Customers</h3>

    <jqxGrid [theme]="'material'" #customersGrid (onRowselect)="customersGridOnRowSelect($event)"
        [width]="getWidth()" [height]="250" [source]="dataAdapter"
        [keyboardnavigation]="false" [columns]="columns">
    </jqxGrid>

    <h3>Orders by Customer</h3>

    <jqxGrid [theme]="'material'" #ordersGrid
        [width]="getWidth()" [height]="250"
        [keyboardnavigation]="false" [columns]="columns2">
    </jqxGrid>

</div>