"No data available in table" when using async data

[RafaelZasas]

The data table does not filter or search when using async data.

Steps to reproduce the behavior:
Configure as normal but use async data

Expected behavior
load, sort and search data as normal.

Screenshots
First Image is before any searching or sorting is done on the bottom angular datatable.
Top table is the default I am using that came with the template.
Below is angular datatable.

Below is once I clicked on either of the table headings for sorting.

Environment

• node version: v14.15.1
• angular version: 9.1.6
• angular-cli version: 9.1.5
• jquery version:
• datatables version: 11.1.1
• angular-datatables version: 11.1.1

Additional context

Would like to be able to use async data from firestore with the datatable along with sorting and searching.
Also- is there a way to customize the styling for the search bar and pagination?

[RafaelZasas]

The dropdown for choosing the # of entries to display is also not working

[shanmukhateja]

Hi, could you provide a reproducible GitHub repo or StackBlitz link?

[RafaelZasas]

Hi, could you provide a reproducible GitHub repo or StackBlitz link?

I can't because the project is sensitive. I switched to ag-grid and everything works fine so you can go ahead and close the issue- Thanks.