Datatable with Observable data

@Arkadiusz Idzikowski, I am able to implement an Observable by doing the following on the .html file by adding the | async pipe:

<tr *ngFor="let el of elementsObservable | async; let i = index">

I was able to implement Sort but can't seem to get Search to work. It may just the way MdbTableDirective works internally.I have the code exactly setup like in the example provided online:

Within ngOnInit():

this.mdbTable.setDataSource(this.elementsObservable);
this.elementsObservable = this.mdbTable.getDataSource();
this.previous = this.mdbTable.getDataSource();

Method used for search:

searchItems() {
  const prev = this.mdbTable.getDataSource();
  if (!this.searchText) {
    this.mdbTable.setDataSource(this.previous);
    this.elementsObservable = this.mdbTable.getDataSource();
  }
  if (this.searchText) {
    this.elementsObservable = this.mdbTable.searchLocalDataBy(this.searchText);
    this.mdbTable.setDataSource(prev);
  }
}

However when I preform a search, I get a runtime error here: this.elementsObservable = this.mdbTable.searchLocalDataBy(this.searchText); Hoping you guys can give some feedback soon with a fully functional Datatable example like [https://ng-demo.mdbootstrap.com/tables/data-tables], but using an Observable as your source of data instead of a static list.

Thanks again