diff --git a/projects/components/src/table/data/table-cdk-data-source.ts b/projects/components/src/table/data/table-cdk-data-source.ts index 03ef8e194..e7e6d160e 100644 --- a/projects/components/src/table/data/table-cdk-data-source.ts +++ b/projects/components/src/table/data/table-cdk-data-source.ts @@ -1,7 +1,7 @@ import { DataSource } from '@angular/cdk/collections'; import { forkJoinSafeEmpty, isEqualIgnoreFunctions, RequireBy, sortUnknown } from '@hypertrace/common'; import { combineLatest, NEVER, Observable, of, Subject, throwError } from 'rxjs'; -import { catchError, map, mergeMap, startWith, switchMap, tap } from 'rxjs/operators'; +import { catchError, map, mergeMap, startWith, switchMap, tap, debounceTime } from 'rxjs/operators'; import { PageEvent } from '../../paginator/page.event'; import { PaginationProvider } from '../../paginator/paginator-api'; import { RowStateChange, StatefulTableRow, StatefulTreeTableRow, TableFilter, TableRow } from '../table-api'; @@ -54,6 +54,7 @@ export class TableCdkDataSource implements DataSource { this.buildChangeObservable() .pipe( tap(() => this.loadingStateSubject.next({ loading$: NEVER })), + debounceTime(100), mergeMap(([columnConfigs, pageEvent, filters, changedColumn, changedRow]) => this.buildDataObservable(columnConfigs, pageEvent, filters, changedColumn, changedRow) )