jqwidgets-scripts-custom/demos/Angular/datatable/dataexport/src/app/app.component.html

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

<jqxDataTable [theme]="'material'" #myDataTable
              [width]="370" [source]="dataAdapter" [exportSettings]="exportSettings" [columns]="columns"
              [altRows]="true" [pageable]="true" [sortable]="true">
</jqxDataTable>

<div style="margin-top: 20px">

    <jqxButton [theme]="'material'" (onClick)="excelExport()" [width]="110">Export to Excel</jqxButton>
    <jqxButton [theme]="'material'" (onClick)="xmlExport()" [width]="110">Export to XML</jqxButton>
    <jqxButton [theme]="'material'" (onClick)="csvExport()" [width]="110">Export to CSV</jqxButton>

    <br />
    <br />

    <jqxButton [theme]="'material'" (onClick)="tsvExport()" [width]="110">Export to TSV</jqxButton>
    <jqxButton [theme]="'material'" (onClick)="jsonExport()" [width]="110">Export to JSON</jqxButton>
    <jqxButton [theme]="'material'" (onClick)="pdfExport()" [width]="110">Export to PDF</jqxButton>

    <br />
    <br />

    <jqxButton [theme]="'material'" (onClick)="htmlExport()" [width]="110">Export to HTML</jqxButton>

</div>