角2重新加载特定的html元素

Question

I just need window.location.reload() for a specific element only. Specifically, I have a table with many columns.

<p-dataTable #tableRef class="invoice-datatable"></p-dataTable>

When I click the image below, I call refreshTable method which I need it to refresh datatable only.

`<img role="button" id="refresh-icon" src="/assets/img/refresh.png (click)="refreshTable(tableRef)">

Answer 1

there is some method to reset the datatable as

export class MyComponent implements OnInit {
    @ViewChild(DataTable) dataTableComponent: DataTable;

    // ...

    refreshTable() {
        this.dataTableComponent.reset();
    }
}

Answer 2

If your dataTable is bound to a model then you just need to update that model with whatever new data necessary when the image is clicked.

Using .reset() will only reset the filters, sorts, and pagination. It doesn't refresh the data, sadly.