mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-16 19:01:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(pagination): window totalItems for performance (#2160)

Browse source 
Fixes #2156
This commit is contained in:
Eric Liu 2025-04-26 13:25:52 -07:00 • committed by GitHub
commit ed3928bb01
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 102 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

13
docs/src/pages/components/Pagination.svx
View file

@ -19,6 +19,19 @@ components: ["Pagination", "PaginationSkeleton"]
<Pagination totalItems={102} pageSizes="{[16, 36, 99]}" pageSize="{36}" />
## Page window
The number of native select items rendered is derived from the value of `totalItems`.
If `totalItems` is a very large number, this can impact rendering performance since
thousands of elements may be rendered. By default, the window of rendered items is
capped at 1,000. For example, if `totalItems=100_000` and the `pageSize=10`,
1,000 select options are rendered.
Use the `pageWindow` prop to increase this value.
<Pagination totalItems={100_000} pageSizes={[10, 15, 20]} />
## Hidden page input
<Pagination totalItems={102} pageInputDisabled />