Pagination with dynamic row count display?

[davoutuk]

Does 'Ornamentum' support the idea of flexing the number of rows to display according to the available vertical space?

I want to implement a paginating table where the rows displayed in the table vary according to how much vertical space is available as the browser window flexes size.,

[yohangz]

@davoutuk, you can do that by setting the page size depending on the viewport based breakpoint and dynamically invoking the data-bind. You can use ResizeObserver for this purpose.

https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver

[davoutuk]

Can you provide an example? I can't get this to work

I've tried setting the 'contentHeight' attribute to an observer that is linked to the ResizeObserver event, but this does not work

<ng-data-table
[id]="'simpleList'"
[showHeader]="false"
[pageable]="true"
[showRowSelectCheckbox]="true"
[contentHeight]="tableHeight$"
[dataSource]="tasks$"
[width]="500"
appResizeSlave>