I am trying to implement bootstrab-table table export extension for angular project but havnt been successful so far

https://live.bootstrap-table.com/example/extensions/export.html

Any help or example would be great help

Thanks in advance

Please is what i have tried in angular project

html file

<div class="container">
<h1>Run Details</h1>

<div id="toolbar">
    <select class="form-control">
    <option value="basic">Export Basic</option>
    <option value="all">Export All</option>
    <option value="selected">Export Selected</option>
    </select>
</div>

<table
    id="table"
    data-toggle="table"
    data-search="true"
    data-flat="true"
    data-show-columns="true"
    data-show-multi-sort="true"
    class="table table-striped">
    <thead>
    <tr>
        <th data-field="state" data-checkbox="true"></th>
        <th data-field="id" data-sortable="true">ID</th>
        <th data-field="project" data-sortable="true">Project</th>
        <th data-field="test_result" data-sortable="true">Hypothesis</th>
        <th data-field="num_passes" data-sortable="true">Run Path</th>
        <th data-field="user_name" data-sortable="true">User Name</th>
    </tr>
    </thead>
</table>
</div>

<ngx-spinner type="ball-scale-multiple"></ngx-spinner>

below are the two function which are initializing table

ngAfterViewChecked(): void {
    if (this.runData.length > 0 && !this.isTableInitialized) {
    $('#table').bootstrapTable('destroy').bootstrapTable(
        {
        data:this.runData,
        filterControl: true,
        showSearchClearButton: true,
        search: true,
        showColumns: true,
        showColumnsSearch: true,
        pagination: true,
        exportDataType: 'all',
        showExport: true,
        exportTypes: ['json', 'xml', 'csv', 'txt', 'sql', 'excel', 'pdf'],
        }
    );
    this.isTableInitialized = true;
    }
}

ngOnInit(): void {
    this.spinner.show()
    this.appService.get_data('get_all_runs').subscribe(
    (data:any )=>{

        if (data['result'] == 'SUCCESS'){
        this.runData = data['rows']
        }
        console.log(this.runData )
        this.spinner.hide()
    }, (error)=>{
        console.log(error)
        this.spinner.hide()
    }
    )
}