jqwidgets-framework/demos/Angular/src/grid/statusbar/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
    [width]="getWidth()" [source]="dataAdapter" [showstatusbar]="true"
    [renderstatusbar]="createButtonsContainers" [columns]="columns">
</jqxGrid>

<jqxWindow #myWindow [width]="210" [height]="180" [autoOpen]="false" [resizable]="false">
    <div>Find Record</div>
    <div style="overflow: hidden">
        <div>Find what:</div>
        <div style="margin-top: 5px">

            <jqxInput #myInput [width]="194" [height]="23"></jqxInput>

        </div>
        <div style="margin-top: 7px; clear: both">Look in:</div>
        <div style="margin-top: 5px">

            <jqxDropDownList #myDropDownList
                [width]="200" [height]="23" [selectedIndex]="0" 
                [source]="dropDownSource" [autoDropDownHeight]="true">
            </jqxDropDownList>

        </div>
        <div>

            <jqxButton style="margin-top: 15px; margin-left: 50px; float: left"
                (onClick)="findBtnOnClick()" [width]="70">
                Find
            </jqxButton>

            <jqxButton style="margin-left: 5px; margin-top: 15px; float: left"
                (onClick)="clearBtnOnClick()" [width]="70">
                Clear
            </jqxButton>

        </div>
    </div>
</jqxWindow>