SYIDAX / DATA GRID

Stream the visible range PRO

Use when the total count is known but only visible data needs to be retained.

Stream the visible rangeSample order data

120 rows

Loading Grid…

Latest result

In the provider's init, report the total count to establish the scroll area and retain callbacks supplied by the Grid.

View code

Current preview

Usage guide

Use this for live price lists where the total row count is known but only visible rows need to remain current.

Report the total row count
In the provider's init, report the total count to establish the scroll area and retain callbacks supplied by the Grid.
Supply data for the visible range
Query or subscribe to server data for the range requested by setViewportRange. Supply responses at their corresponding row positions.
Handle scrolling and disconnection
Change subscriptions as scrolling changes the range. Clean up sockets, timers, and requests in destroy when closing the view.

Expected results

Data is supplied for rows at the current scroll position, and live changes update those rows.

The preview uses fixed local data. No live stream or remote provider is connected.

viewport: The part of the scrollable area currently visible to the user.
Subscription: A connection that continuously receives changed values from the server.

Using this feature in your product requires the Pro runtime and a valid license.

Other properties1

Attribute / Property	Type / Default	Description
PRO viewportDatasource	`ViewportDatasource<GridRow>`Default: undefined	viewport (sliding-window) row model. When set, the grid ignores `rowData`: the datasource reports a KNOWN total count and streams only the rows for the currently-visible window (plus the virtualizer's overscan), discarding rows scrolled out of view. Ideal for huge, flat, frequently-changing datasets / live feeds (ag-grid `viewportRowModel`). Unlike the infinite model there is no block cache — scrolling re-requests the exact range.