<div [tanStackTable]="table">
  <app-pagination />
</div>

@Component({
  selector: 'app-pagination',
  template: `
    <button (click)="prev()" [disabled]="!table().getCanPreviousPage()">Prev</button>
    <button (click)="next()" [disabled]="!table().getCanNextPage()">Next</button>
  `,
})
export class PaginationComponent {
  readonly table = injectTableContext()

  prev() {
    this.table().previousPage()
  }
  next() {
    this.table().nextPage()
  }
}

new TanStackTable<TFeatures, TData>(): TanStackTable<TFeatures, TData>;

readonly table: InputSignal<AngularTable<TFeatures, TData>>;