Pagination is not working correctly for server driven Datagrid

[baggsie]

This is a bug report for the @clr Angular or UI versions of the design system. For the web-component implementation of Clarity (@cds), visit vmware-clarity/core.

Describe the bug

Hi,

When using a server driven Datagrid component the pagination is not correctly rendered :

• There are no pagination controls displayed
• The pagination.totalItems is not working correctly (always displays '0')

How to reproduce

See the stackblitz example from the docs :

• https://clarity.design/documentation/datagrid/code/server-driven
• Stackblitz

Expected behavior

Actual behavior

Versions

Clarity version:

• [ ] v13.x
• [ ] v15.x
• [X] Other: 17

Framework version: Angular 16 (Stackblitz)

Device:

• Type: Thinkpad
• OS: Ubuntu
• Browser Chrome
• Version 127

[Rebolon]

Hello baggsie, To my mind, you have to specify manually the input [clrDgTotalItems]. So when the server return you the total items, you send it to the ClrDgPagination, and then the paginator will work finely.

[baggsie]

Thanks @Rebolon ;)

[LynxDelli]

The bug is just in the stackblitz sample - thanks for noticing it https://stackblitz.com/edit/b3hxvn?file=src%2Fapp%2Fexample.component.html Will be updated.

[github-actions[bot]]

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.