Data table - Server side tables
Server-side Data tables are optimized for showing data coming from an API.
Examples
Server-side paginate and sort
If you’re loading data already paginated and sorted from a backend, you can use the server-items-length prop. Defining this prop will disable the built-in sorting and pagination, and you will instead need to use the available events (update:page
, update:sortBy
, update:options
, etc) to know when to request new pages from your backend. Use the loading prop to display a progress bar while fetching data.
Loading
You can use the loading prop to indicate that data in the table is currently loading. If there is no data in the table, a loading message will also be displayed. This message can be customized using the loading-text prop or the loading
slot.
Ready for more?
Continue your learning with related content selected by the Team or move between pages by using the navigation links below.
Edit this page onGitHub