{"_id":"@dojo-ng/data-grid-pagination","name":"@dojo-ng/data-grid-pagination","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@dojo-ng/data-grid-pagination","version":"0.1.0","license":"BSD-3-Clause","description":"Pagination for @dojo-ng/data-grid (reuses dj-pagination)","type":"module","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","scripts":{"build":"tsc -p tsconfig.json","clean":"rm -rf dist"},"dependencies":{"@dojo-ng/data-grid":"^0.1.0","@dojo-ng/pagination":"^0.1.0","@tanstack/table-core":"^8.0.0","lit":"^3.3.0"},"_id":"@dojo-ng/data-grid-pagination@0.1.0","_nodeVersion":"22.23.1","_npmVersion":"10.9.8","dist":{"integrity":"sha512-xbFMQnDxxVKOSw0vxqWTkCxbi5XhS9DFrFxKQlV9+ZDVSNEzRydyHEHAf+94AgW93TN5KnQi6HznpTSciJDplA==","shasum":"6f2b9514eee39803567f72bf13ece41ca7c77ce4","tarball":"https://registry.npmjs.org/@dojo-ng/data-grid-pagination/-/data-grid-pagination-0.1.0.tgz","fileCount":6,"unpackedSize":4824,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCg2Mlynh3WyV3yV6KyuomovM+W+DAtHPv9nbiERTMUAQIhAK7y2U2OSB0pcV2mBO1Ry5fgjuvnZNEl93ViD/j3vYGc"}]},"_npmUser":{"name":"bitranch","email":"bill@bitranch.com"},"directories":{},"maintainers":[{"name":"saysomething","email":"joshs@holmescorp.com"},{"name":"bitranch","email":"bill@bitranch.com"},{"name":"jepe","email":"jeffreyp@holmescorp.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/data-grid-pagination_0.1.0_1788374427483_0.7895096356924927"},"_hasShrinkwrap":false}},"time":{"created":"2026-09-02T18:40:27.296Z","0.1.0":"2026-09-02T18:40:27.621Z","modified":"2026-09-02T18:40:27.807Z"},"maintainers":[{"name":"saysomething","email":"joshs@holmescorp.com"},{"name":"bitranch","email":"bill@bitranch.com"},{"name":"jepe","email":"jeffreyp@holmescorp.com"}],"description":"Pagination for @dojo-ng/data-grid (reuses dj-pagination)","license":"BSD-3-Clause","readme":"# @dojo-ng/data-grid-pagination\n\nPagination for @dojo-ng/data-grid (reuses dj-pagination)\n\nPart of [Dojo NG](../../README.md), a framework-agnostic web component library. BSD-3-Clause.\n\n> Page navigation below the scroller: reuses the existing `<dj-pagination>` plus a page-size dropdown, both driving TanStack through the table API (`setPageIndex`/`setPageSize`) so the core `onStateChange` runs and the virtualizer's row count follows the current page. `pageSize` (default 25) seeds the initial page size; `pageSizes` (default `[10, 25, 50, 100]`) are only the dropdown's offered choices — the seeded `pageSize` need not be one of them. Composes with `data-grid-filter` with no ordering step: TanStack filters before it paginates, so the page count shrinks to the filtered set automatically.\n\n## Install\n\n```bash\nnpm install @dojo-ng/data-grid-pagination\n```\n\n## Usage\n\nFiltering (when present) applies first, then pagination — TanStack's row-model order handles the composition.\n\n```html\n<dj-data-grid id=\"g\"></dj-data-grid>\n<script type=\"module\">\n  import \"@dojo-ng/data-grid\";\n  import { paginationPlugin } from \"@dojo-ng/data-grid-pagination\";\n  const g = document.getElementById(\"g\");\n  g.columns = [{ id: \"name\", header: \"Name\" }];\n  g.data = Array.from({ length: 100 }, (_, i) => ({ name: \"Row \" + i }));\n  g.plugins = [paginationPlugin({ pageSize: 10 })];\n</script>\n```\n","readmeFilename":"README.md","_rev":"1-903a64da1cf111eec9c04d2beadc1828"}