Server-render or pre-render your grid, and hydrate it on the client.
On This Page
Server-side rendering is necessary if you're encountering any of the following issues:
- Your dataset is large
- You or your users are on low-powered devices
- Network constraints are causing performance issues
In a general scenario with SSR, there are a few crucial steps:
.htmlto a corresponding
<zing-grid>tags and add the
server-render="true"attribute to them.
In this demo, we purposely duplicated grid content and omitted paging to slow grid rendering. You should see a slight flash of text between rendering and hydration.