├── .editorconfig ├── .gitattributes ├── .github ├── FUNDING.yml ├── ISSUE_TEMPLATE │ ├── bug_report.yml │ └── config.yml └── workflows │ ├── autofix.yml │ ├── ci.yml │ └── pr.yml ├── .gitignore ├── .npmrc ├── .nvmrc ├── .nx └── workflows │ └── dynamic-changesets.yaml ├── .prettierignore ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── LICENSE ├── README.md ├── babel.config.cjs ├── docs ├── api │ ├── core │ │ ├── cell.md │ │ ├── column-def.md │ │ ├── column.md │ │ ├── header-group.md │ │ ├── header.md │ │ ├── row.md │ │ └── table.md │ └── features │ │ ├── column-faceting.md │ │ ├── column-filtering.md │ │ ├── column-ordering.md │ │ ├── column-pinning.md │ │ ├── column-sizing.md │ │ ├── column-visibility.md │ │ ├── expanding.md │ │ ├── filters.md │ │ ├── global-faceting.md │ │ ├── global-filtering.md │ │ ├── grouping.md │ │ ├── pagination.md │ │ ├── pinning.md │ │ ├── row-pinning.md │ │ ├── row-selection.md │ │ └── sorting.md ├── config.json ├── enterprise │ └── ag-grid.md ├── faq.md ├── framework │ ├── angular │ │ ├── angular-table.md │ │ └── guide │ │ │ └── table-state.md │ ├── lit │ │ ├── guide │ │ │ └── table-state.md │ │ └── lit-table.md │ ├── qwik │ │ ├── guide │ │ │ └── table-state.md │ │ └── qwik-table.md │ ├── react │ │ ├── guide │ │ │ └── table-state.md │ │ └── react-table.md │ ├── solid │ │ ├── guide │ │ │ └── table-state.md │ │ └── solid-table.md │ ├── svelte │ │ ├── guide │ │ │ └── table-state.md │ │ └── svelte-table.md │ ├── vanilla │ │ ├── guide │ │ │ └── table-state.md │ │ └── table-core.md │ └── vue │ │ ├── guide │ │ └── table-state.md │ │ └── vue-table.md ├── guide │ ├── cells.md │ ├── column-defs.md │ ├── column-faceting.md │ ├── column-filtering.md │ ├── column-ordering.md │ ├── column-pinning.md │ ├── column-sizing.md │ ├── column-visibility.md │ ├── columns.md │ ├── custom-features.md │ ├── data.md │ ├── expanding.md │ ├── features.md │ ├── filters.md │ ├── fuzzy-filtering.md │ ├── global-faceting.md │ ├── global-filtering.md │ ├── grouping.md │ ├── header-groups.md │ ├── headers.md │ ├── migrating.md │ ├── pagination.md │ ├── pinning.md │ ├── row-models.md │ ├── row-pinning.md │ ├── row-selection.md │ ├── rows.md │ ├── sorting.md │ ├── tables.md │ └── virtualization.md ├── installation.md ├── introduction.md ├── overview.md └── vanilla.md ├── examples ├── angular │ ├── basic │ │ ├── .devcontainer │ │ │ └── devcontainer.json │ │ ├── .editorconfig │ │ ├── .gitignore │ │ ├── README.md │ │ ├── angular.json │ │ ├── package.json │ │ ├── src │ │ │ ├── app │ │ │ │ ├── app.component.html │ │ │ │ ├── app.component.ts │ │ │ │ ├── app.config.ts │ │ │ │ └── app.routes.ts │ │ │ ├── assets │ │ │ │ └── .gitkeep │ │ │ ├── favicon.ico │ │ │ ├── index.html │ │ │ ├── main.ts │ │ │ └── styles.scss │ │ ├── tsconfig.app.json │ │ ├── tsconfig.json │ │ └── tsconfig.spec.json │ ├── column-ordering │ │ ├── .devcontainer │ │ │ └── devcontainer.json │ │ ├── .editorconfig │ │ ├── .gitignore │ │ ├── README.md │ │ ├── angular.json │ │ ├── package.json │ │ ├── src │ │ │ ├── app │ │ │ │ ├── app.component.html │ │ │ │ ├── app.component.ts │ │ │ │ ├── app.config.ts │ │ │ │ └── makeData.ts │ │ │ ├── assets │ │ │ │ └── .gitkeep │ │ │ ├── favicon.ico │ │ │ ├── index.html │ │ │ ├── main.ts │ │ │ └── styles.scss │ │ ├── tsconfig.app.json │ │ ├── tsconfig.json │ │ └── tsconfig.spec.json │ ├── column-pinning-sticky │ │ ├── .devcontainer │ │ │ └── devcontainer.json │ │ ├── .editorconfig │ │ ├── .gitignore │ │ ├── README.md │ │ ├── angular.json │ │ ├── package.json │ │ ├── src │ │ │ ├── app │ │ │ │ ├── app.component.html │ │ │ │ ├── app.component.ts │ │ │ │ ├── app.config.ts │ │ │ │ └── makeData.ts │ │ │ ├── assets │ │ │ │ └── .gitkeep │ │ │ ├── favicon.ico │ │ │ ├── index.html │ │ │ ├── main.ts │ │ │ └── styles.scss │ │ ├── tsconfig.app.json │ │ ├── tsconfig.json │ │ └── tsconfig.spec.json │ ├── column-pinning │ │ ├── .devcontainer │ │ │ └── devcontainer.json │ │ ├── .editorconfig │ │ ├── .gitignore │ │ ├── README.md │ │ ├── angular.json │ │ ├── package.json │ │ ├── src │ │ │ ├── app │ │ │ │ ├── app.component.html │ │ │ │ ├── app.component.ts │ │ │ │ ├── app.config.ts │ │ │ │ └── makeData.ts │ │ │ ├── assets │ │ │ │ └── .gitkeep │ │ │ ├── favicon.ico │ │ │ ├── index.html │ │ │ ├── main.ts │ │ │ └── styles.scss │ │ ├── tsconfig.app.json │ │ ├── tsconfig.json │ │ └── tsconfig.spec.json │ ├── column-resizing-performant │ │ ├── .devcontainer │ │ │ └── devcontainer.json │ │ ├── .editorconfig │ │ ├── .gitignore │ │ ├── README.md │ │ ├── angular.json │ │ ├── package.json │ │ ├── src │ │ │ ├── app │ │ │ │ ├── app.component.html │ │ │ │ ├── app.component.ts │ │ │ │ ├── app.config.ts │ │ │ │ ├── makeData.ts │ │ │ │ └── resizable-cell.ts │ │ │ ├── assets │ │ │ │ └── .gitkeep │ │ │ ├── favicon.ico │ │ │ ├── index.html │ │ │ ├── main.ts │ │ │ └── styles.scss │ │ ├── tsconfig.app.json │ │ ├── tsconfig.json │ │ └── tsconfig.spec.json │ ├── column-visibility │ │ ├── .devcontainer │ │ │ └── devcontainer.json │ │ ├── .editorconfig │ │ ├── .gitignore │ │ ├── README.md │ │ ├── angular.json │ │ ├── package.json │ │ ├── src │ │ │ ├── app │ │ │ │ ├── app.component.html │ │ │ │ ├── app.component.ts │ │ │ │ └── app.config.ts │ │ │ ├── assets │ │ │ │ └── .gitkeep │ │ │ ├── favicon.ico │ │ │ ├── index.html │ │ │ ├── main.ts │ │ │ └── styles.scss │ │ ├── tsconfig.app.json │ │ ├── tsconfig.json │ │ └── tsconfig.spec.json │ ├── editable │ │ ├── .devcontainer │ │ │ └── devcontainer.json │ │ ├── .editorconfig │ │ ├── .gitignore │ │ ├── README.md │ │ ├── angular.json │ │ ├── package.json │ │ ├── src │ │ │ ├── app │ │ │ │ ├── app.component.html │ │ │ │ ├── app.component.ts │ │ │ │ ├── app.config.ts │ │ │ │ ├── editable-cell.ts │ │ │ │ └── makeData.ts │ │ │ ├── assets │ │ │ │ └── .gitkeep │ │ │ ├── favicon.ico │ │ │ ├── index.html │ │ │ ├── main.ts │ │ │ └── styles.scss │ │ ├── tsconfig.app.json │ │ ├── tsconfig.json │ │ └── tsconfig.spec.json │ ├── expanding │ │ ├── .devcontainer │ │ │ └── devcontainer.json │ │ ├── .editorconfig │ │ ├── .gitignore │ │ ├── README.md │ │ ├── angular.json │ │ ├── package.json │ │ ├── src │ │ │ ├── app │ │ │ │ ├── app.component.html │ │ │ │ ├── app.component.ts │ │ │ │ ├── app.config.ts │ │ │ │ ├── expandable-cell.ts │ │ │ │ └── makeData.ts │ │ │ ├── assets │ │ │ │ └── .gitkeep │ │ │ ├── favicon.ico │ │ │ ├── index.html │ │ │ ├── main.ts │ │ │ └── styles.scss │ │ ├── tsconfig.app.json │ │ ├── tsconfig.json │ │ └── tsconfig.spec.json │ ├── filters │ │ ├── .devcontainer │ │ │ └── devcontainer.json │ │ ├── .editorconfig │ │ ├── .gitignore │ │ ├── README.md │ │ ├── angular.json │ │ ├── package.json │ │ ├── src │ │ │ ├── app │ │ │ │ ├── app.component.html │ │ │ │ ├── app.component.ts │ │ │ │ ├── app.config.ts │ │ │ │ ├── debounced-input.directive.ts │ │ │ │ ├── makeData.ts │ │ │ │ └── table-filter.component.ts │ │ │ ├── assets │ │ │ │ └── .gitkeep │ │ │ ├── favicon.ico │ │ │ ├── index.html │ │ │ ├── main.ts │ │ │ └── styles.scss │ │ ├── tsconfig.app.json │ │ ├── tsconfig.json │ │ └── tsconfig.spec.json │ ├── grouping │ │ ├── .devcontainer │ │ │ └── devcontainer.json │ │ ├── .editorconfig │ │ ├── .gitignore │ │ ├── README.md │ │ ├── angular.json │ │ ├── package.json │ │ ├── src │ │ │ ├── app │ │ │ │ ├── app.component.html │ │ │ │ ├── app.component.ts │ │ │ │ ├── app.config.ts │ │ │ │ ├── columns.ts │ │ │ │ └── makeData.ts │ │ │ ├── assets │ │ │ │ └── .gitkeep │ │ │ ├── favicon.ico │ │ │ ├── index.html │ │ │ ├── main.ts │ │ │ └── styles.scss │ │ ├── tsconfig.app.json │ │ ├── tsconfig.json │ │ └── tsconfig.spec.json │ ├── row-dnd │ │ ├── .devcontainer │ │ │ └── devcontainer.json │ │ ├── .editorconfig │ │ ├── .gitignore │ │ ├── README.md │ │ ├── angular.json │ │ ├── package.json │ │ ├── src │ │ │ ├── app │ │ │ │ ├── app.component.css │ │ │ │ ├── app.component.html │ │ │ │ ├── app.component.ts │ │ │ │ ├── app.config.ts │ │ │ │ ├── drag-handle-cell.ts │ │ │ │ └── makeData.ts │ │ │ ├── assets │ │ │ │ └── .gitkeep │ │ │ ├── favicon.ico │ │ │ ├── index.html │ │ │ ├── main.ts │ │ │ └── styles.scss │ │ ├── tsconfig.app.json │ │ ├── tsconfig.json │ │ └── tsconfig.spec.json │ ├── row-selection-signal │ │ ├── .devcontainer │ │ │ └── devcontainer.json │ │ ├── .editorconfig │ │ ├── .gitignore │ │ ├── README.md │ │ ├── angular.json │ │ ├── package.json │ │ ├── src │ │ │ ├── app │ │ │ │ ├── app.component.html │ │ │ │ ├── app.component.ts │ │ │ │ ├── app.config.ts │ │ │ │ ├── filter.ts │ │ │ │ ├── makeData.ts │ │ │ │ └── selection-column.component.ts │ │ │ ├── assets │ │ │ │ └── .gitkeep │ │ │ ├── favicon.ico │ │ │ ├── index.html │ │ │ ├── main.ts │ │ │ └── styles.scss │ │ ├── tsconfig.app.json │ │ ├── tsconfig.json │ │ └── tsconfig.spec.json │ ├── row-selection │ │ ├── .devcontainer │ │ │ └── devcontainer.json │ │ ├── .editorconfig │ │ ├── .gitignore │ │ ├── README.md │ │ ├── angular.json │ │ ├── package.json │ │ ├── src │ │ │ ├── app │ │ │ │ ├── app.component.html │ │ │ │ ├── app.component.ts │ │ │ │ ├── app.config.ts │ │ │ │ ├── filter.ts │ │ │ │ ├── makeData.ts │ │ │ │ └── selection-column.component.ts │ │ │ ├── assets │ │ │ │ └── .gitkeep │ │ │ ├── favicon.ico │ │ │ ├── index.html │ │ │ ├── main.ts │ │ │ └── styles.scss │ │ ├── tsconfig.app.json │ │ ├── tsconfig.json │ │ └── tsconfig.spec.json │ ├── signal-input │ │ ├── .devcontainer │ │ │ └── devcontainer.json │ │ ├── .editorconfig │ │ ├── .gitignore │ │ ├── README.md │ │ ├── angular.json │ │ ├── package.json │ │ ├── src │ │ │ ├── app │ │ │ │ ├── app.component.html │ │ │ │ ├── app.component.ts │ │ │ │ ├── app.config.ts │ │ │ │ ├── columns.ts │ │ │ │ ├── makeData.ts │ │ │ │ └── person-table │ │ │ │ │ ├── person-table.component.html │ │ │ │ │ └── person-table.component.ts │ │ │ ├── assets │ │ │ │ └── .gitkeep │ │ │ ├── favicon.ico │ │ │ ├── index.html │ │ │ ├── main.ts │ │ │ └── styles.scss │ │ ├── tsconfig.app.json │ │ ├── tsconfig.json │ │ └── tsconfig.spec.json │ └── sub-components │ │ ├── .devcontainer │ │ └── devcontainer.json │ │ ├── .editorconfig │ │ ├── .gitignore │ │ ├── README.md │ │ ├── angular.json │ │ ├── package.json │ │ ├── src │ │ ├── app │ │ │ ├── app.component.html │ │ │ ├── app.component.ts │ │ │ ├── app.config.ts │ │ │ ├── expandable-cell.ts │ │ │ └── makeData.ts │ │ ├── assets │ │ │ └── .gitkeep │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ └── styles.scss │ │ ├── tsconfig.app.json │ │ ├── tsconfig.json │ │ └── tsconfig.spec.json ├── lit │ ├── basic │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ └── main.ts │ │ ├── tsconfig.json │ │ ├── twind.config.ts │ │ └── vite.config.js │ ├── column-sizing │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── main.ts │ │ │ └── makeData.ts │ │ └── tsconfig.json │ ├── filters │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── main.ts │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── row-selection │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── main.ts │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── sorting-dynamic-data │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── main.ts │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── sorting │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── main.ts │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ └── virtualized-rows │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ ├── main.ts │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ ├── twind.config.ts │ │ └── vite.config.js ├── qwik │ ├── basic │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── vite-env.d.ts │ │ ├── tsconfig.json │ │ ├── tsconfig.node.json │ │ └── vite.config.ts │ ├── filters │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── vite-env.d.ts │ │ ├── tsconfig.json │ │ ├── tsconfig.node.json │ │ └── vite.config.ts │ ├── row-selection │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── vite-env.d.ts │ │ ├── tsconfig.json │ │ ├── tsconfig.node.json │ │ └── vite.config.ts │ └── sorting │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ ├── index.css │ │ ├── main.tsx │ │ ├── makeData.ts │ │ └── vite-env.d.ts │ │ ├── tsconfig.json │ │ ├── tsconfig.node.json │ │ └── vite.config.ts ├── react │ ├── basic │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ └── main.tsx │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── bootstrap │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── column-dnd │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── column-groups │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ └── main.tsx │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── column-ordering │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── column-pinning-sticky │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── column-pinning │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── column-resizing-performant │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── column-sizing │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ └── main.tsx │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── column-visibility │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ └── main.tsx │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── custom-features │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── editable-data │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── expanding │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── filters-faceted │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── filters-fuzzy │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── filters │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── full-width-resizable-table │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── full-width-table │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── fully-controlled │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── grouping │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── kitchen-sink │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── App.tsx │ │ │ ├── components │ │ │ │ ├── ActionButtons.tsx │ │ │ │ ├── CustomTable.tsx │ │ │ │ ├── DebouncedInput.tsx │ │ │ │ ├── Filter.tsx │ │ │ │ ├── InderterminateCheckbox.tsx │ │ │ │ └── TablePins.tsx │ │ │ ├── hooks.tsx │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ ├── makeData.ts │ │ │ └── tableModels.tsx │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── material-ui-pagination │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── actions.tsx │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── pagination-controlled │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── fetchData.ts │ │ │ ├── index.css │ │ │ └── main.tsx │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── pagination │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── query-router-search-params │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── App.tsx │ │ │ ├── api │ │ │ │ ├── data.json │ │ │ │ ├── types.ts │ │ │ │ └── user.ts │ │ │ ├── components │ │ │ │ ├── debouncedInput.tsx │ │ │ │ └── table.tsx │ │ │ ├── hooks │ │ │ │ └── useFilters.ts │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ ├── routeTree.gen.ts │ │ │ ├── routes │ │ │ │ ├── __root.tsx │ │ │ │ ├── anotherRoute.tsx │ │ │ │ └── index.tsx │ │ │ └── utils │ │ │ │ ├── cleanEmptyParams.ts │ │ │ │ ├── tableSortMapper.ts │ │ │ │ └── userColumns.tsx │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── row-dnd │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── row-pinning │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── row-selection │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── sorting │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── sub-components │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── virtualized-columns-experimental │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── virtualized-columns │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── virtualized-infinite-scrolling │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── virtualized-rows-experimental │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ └── virtualized-rows │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ ├── index.css │ │ ├── main.tsx │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.js ├── solid │ ├── basic │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── App.tsx │ │ │ ├── index.css │ │ │ └── index.tsx │ │ ├── tsconfig.json │ │ └── vite.config.ts │ ├── bootstrap │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── App.tsx │ │ │ ├── index.css │ │ │ ├── index.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.ts │ ├── column-groups │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── App.tsx │ │ │ ├── index.css │ │ │ └── index.tsx │ │ ├── tsconfig.json │ │ └── vite.config.ts │ ├── column-ordering │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── App.tsx │ │ │ ├── index.css │ │ │ ├── index.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.ts │ ├── column-visibility │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── App.tsx │ │ │ ├── index.css │ │ │ └── index.tsx │ │ ├── tsconfig.json │ │ └── vite.config.ts │ ├── filters │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── App.tsx │ │ │ ├── ColumnFilter.tsx │ │ │ ├── index.css │ │ │ ├── index.tsx │ │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.ts │ └── sorting │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ ├── App.tsx │ │ ├── index.css │ │ ├── index.tsx │ │ └── makeData.ts │ │ ├── tsconfig.json │ │ └── vite.config.ts ├── svelte │ ├── basic │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── App.svelte │ │ │ ├── index.css │ │ │ ├── main.ts │ │ │ └── vite-env.d.ts │ │ ├── svelte.config.js │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── column-groups │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── App.svelte │ │ │ ├── index.css │ │ │ └── main.ts │ │ ├── svelte.config.js │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── column-ordering │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── App.svelte │ │ │ ├── index.css │ │ │ ├── main.ts │ │ │ └── makeData.ts │ │ ├── svelte.config.js │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── column-pinning │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── App.svelte │ │ │ ├── index.css │ │ │ ├── main.ts │ │ │ └── makeData.ts │ │ ├── svelte.config.js │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── column-visibility │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── App.svelte │ │ │ ├── index.css │ │ │ └── main.ts │ │ ├── svelte.config.js │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── filtering │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── App.svelte │ │ │ ├── index.css │ │ │ ├── main.ts │ │ │ └── makeData.ts │ │ ├── svelte.config.js │ │ ├── tsconfig.json │ │ └── vite.config.js │ └── sorting │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ ├── App.svelte │ │ ├── index.css │ │ ├── main.ts │ │ ├── makeData.ts │ │ └── vite-env.d.ts │ │ ├── svelte.config.js │ │ ├── tsconfig.json │ │ └── vite.config.js ├── vanilla │ ├── basic │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.ts │ │ │ └── useTable.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ ├── pagination │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ │ ├── index.css │ │ │ ├── main.ts │ │ │ ├── makeData.ts │ │ │ └── useTable.ts │ │ ├── tsconfig.json │ │ └── vite.config.js │ └── sorting │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ ├── src │ │ ├── index.css │ │ ├── main.ts │ │ ├── makeData.ts │ │ └── useTable.ts │ │ ├── tsconfig.json │ │ └── vite.config.js └── vue │ ├── basic │ ├── .gitignore │ ├── README.md │ ├── env.d.ts │ ├── index.html │ ├── package.json │ ├── public │ │ └── favicon.ico │ ├── src │ │ ├── App.vue │ │ ├── env.d.ts │ │ └── main.ts │ ├── tsconfig.json │ └── vite.config.ts │ ├── column-ordering │ ├── .gitignore │ ├── .vscode │ │ └── extensions.json │ ├── README.md │ ├── env.d.ts │ ├── index.html │ ├── package.json │ ├── public │ │ └── favicon.ico │ ├── src │ │ ├── App.vue │ │ ├── env.d.ts │ │ ├── main.ts │ │ └── makeData.ts │ ├── tsconfig.json │ └── vite.config.ts │ ├── column-pinning │ ├── .gitignore │ ├── .vscode │ │ └── extensions.json │ ├── README.md │ ├── env.d.ts │ ├── index.html │ ├── package.json │ ├── public │ │ └── favicon.ico │ ├── src │ │ ├── App.vue │ │ ├── env.d.ts │ │ ├── main.ts │ │ └── makeData.ts │ ├── tsconfig.json │ └── vite.config.ts │ ├── filters │ ├── .gitignore │ ├── README.md │ ├── env.d.ts │ ├── index.html │ ├── package.json │ ├── public │ │ └── favicon.ico │ ├── src │ │ ├── App.vue │ │ ├── DebouncedInput.vue │ │ ├── Filter.vue │ │ └── main.ts │ ├── tsconfig.json │ └── vite.config.ts │ ├── grouping │ ├── .gitignore │ ├── README.md │ ├── env.d.ts │ ├── index.html │ ├── package.json │ ├── public │ │ └── favicon.ico │ ├── src │ │ ├── App.vue │ │ ├── env.d.ts │ │ └── main.ts │ ├── tsconfig.json │ └── vite.config.ts │ ├── pagination-controlled │ ├── .gitignore │ ├── README.md │ ├── env.d.ts │ ├── index.html │ ├── package.json │ ├── public │ │ └── favicon.ico │ ├── src │ │ ├── App.vue │ │ ├── env.d.ts │ │ ├── main.ts │ │ └── useService.ts │ ├── tsconfig.json │ └── vite.config.ts │ ├── pagination │ ├── .gitignore │ ├── README.md │ ├── env.d.ts │ ├── index.html │ ├── package.json │ ├── src │ │ ├── App.vue │ │ ├── env.d.ts │ │ ├── main.ts │ │ └── makeData.ts │ ├── tsconfig.json │ └── vite.config.ts │ ├── row-selection │ ├── .gitignore │ ├── README.md │ ├── env.d.ts │ ├── index.html │ ├── package.json │ ├── public │ │ └── favicon.ico │ ├── src │ │ ├── App.vue │ │ ├── IndeterminateCheckbox.vue │ │ ├── env.d.ts │ │ ├── main.ts │ │ └── makeData.ts │ ├── tsconfig.json │ └── vite.config.ts │ ├── sorting │ ├── .gitignore │ ├── README.md │ ├── env.d.ts │ ├── index.html │ ├── package.json │ ├── public │ │ └── favicon.ico │ ├── src │ │ ├── App.vue │ │ ├── env.d.ts │ │ ├── main.ts │ │ └── makeData.ts │ ├── tsconfig.json │ └── vite.config.ts │ ├── sub-components │ ├── .gitignore │ ├── README.md │ ├── env.d.ts │ ├── index.html │ ├── package.json │ ├── public │ │ └── favicon.ico │ ├── src │ │ ├── App.vue │ │ └── main.ts │ ├── tsconfig.json │ └── vite.config.ts │ └── virtualized-rows │ ├── .gitignore │ ├── README.md │ ├── env.d.ts │ ├── index.html │ ├── package.json │ ├── public │ └── favicon.ico │ ├── src │ ├── App.vue │ ├── env.d.ts │ ├── index.css │ ├── main.ts │ └── makeData.ts │ ├── tsconfig.json │ └── vite.config.ts ├── knip.json ├── media ├── logo.sketch └── repo-header.png ├── nx.json ├── package.json ├── packages ├── angular-table │ ├── ng-package.json │ ├── package.json │ ├── src │ │ ├── flex-render.ts │ │ ├── flex-render │ │ │ ├── context.ts │ │ │ ├── flags.ts │ │ │ ├── flex-render-component-ref.ts │ │ │ ├── flex-render-component.ts │ │ │ └── view.ts │ │ ├── index.ts │ │ ├── lazy-signal-initializer.ts │ │ └── proxy.ts │ ├── tests │ │ ├── createAngularTable.test.ts │ │ ├── flex-render-component.test-d.ts │ │ ├── flex-render-table.test.ts │ │ ├── flex-render.test.ts │ │ ├── lazy-init.test.ts │ │ ├── test-setup.ts │ │ └── test-utils.ts │ ├── tsconfig.build.json │ ├── tsconfig.json │ ├── tsconfig.test.json │ └── vitest.config.ts ├── lit-table │ ├── package.json │ ├── rollup.config.mjs │ ├── src │ │ └── index.ts │ └── tsconfig.json ├── match-sorter-utils │ ├── package.json │ ├── rollup.config.mjs │ ├── src │ │ ├── index.ts │ │ └── remove-accents.ts │ ├── tests │ │ ├── match-sorter-utils.test.ts │ │ └── test-setup.ts │ ├── tsconfig.json │ └── vitest.config.ts ├── qwik-table │ ├── package.json │ ├── rollup.config.mjs │ ├── src │ │ └── index.tsx │ └── tsconfig.json ├── react-table-devtools │ ├── package.json │ ├── rollup.config.mjs │ ├── src │ │ ├── Explorer.tsx │ │ ├── Logo.tsx │ │ ├── index.tsx │ │ ├── styledComponents.ts │ │ ├── theme.tsx │ │ ├── useLocalStorage.ts │ │ ├── useMediaQuery.ts │ │ └── utils.ts │ └── tsconfig.json ├── react-table │ ├── package.json │ ├── rollup.config.mjs │ ├── src │ │ └── index.tsx │ ├── tests │ │ ├── core │ │ │ ├── __snapshots__ │ │ │ │ └── core.test.tsx.snap │ │ │ └── core.test.tsx │ │ ├── features │ │ │ ├── RowSelection.test.tsx │ │ │ ├── Visibility.test.tsx │ │ │ ├── __snapshots__ │ │ │ │ └── Visibility.test.tsx.snap │ │ │ ├── useAbsoluteLayout.notest.js │ │ │ ├── useBlockLayout.notest.js │ │ │ ├── useColumnOrder.notest.js │ │ │ ├── useExpanded.notest.js │ │ │ ├── useFilters.notest.js │ │ │ ├── useFiltersAndRowSelect.notest.js │ │ │ ├── useFlexLayout.notest.js │ │ │ ├── useGroupBy.notest.js │ │ │ ├── usePagination.notest.js │ │ │ ├── useResizeColumns.notest.js │ │ │ ├── useRowSelect.notest.js │ │ │ ├── useRowState.notest.js │ │ │ └── withSorting.notest.tsx │ │ ├── makeTestData.ts │ │ └── test-setup.ts │ ├── tsconfig.json │ └── vitest.config.ts ├── solid-table │ ├── package.json │ ├── rollup.config.mjs │ ├── src │ │ └── index.tsx │ └── tsconfig.json ├── svelte-table │ ├── package.json │ ├── rollup.config.mjs │ ├── src │ │ ├── global.d.ts │ │ ├── index.ts │ │ ├── placeholder.svelte │ │ ├── placeholder.ts │ │ └── render-component.ts │ └── tsconfig.json ├── table-core │ ├── package.json │ ├── rollup.config.mjs │ ├── src │ │ ├── aggregationFns.ts │ │ ├── columnHelper.ts │ │ ├── core │ │ │ ├── cell.ts │ │ │ ├── column.ts │ │ │ ├── headers.ts │ │ │ ├── row.ts │ │ │ └── table.ts │ │ ├── features │ │ │ ├── ColumnFaceting.ts │ │ │ ├── ColumnFiltering.ts │ │ │ ├── ColumnGrouping.ts │ │ │ ├── ColumnOrdering.ts │ │ │ ├── ColumnPinning.ts │ │ │ ├── ColumnSizing.ts │ │ │ ├── ColumnVisibility.ts │ │ │ ├── GlobalFaceting.ts │ │ │ ├── GlobalFiltering.ts │ │ │ ├── RowExpanding.ts │ │ │ ├── RowPagination.ts │ │ │ ├── RowPinning.ts │ │ │ ├── RowSelection.ts │ │ │ └── RowSorting.ts │ │ ├── filterFns.ts │ │ ├── index.ts │ │ ├── sortingFns.ts │ │ ├── types.ts │ │ ├── utils.ts │ │ └── utils │ │ │ ├── document.ts │ │ │ ├── filterRowsUtils.ts │ │ │ ├── getCoreRowModel.ts │ │ │ ├── getExpandedRowModel.ts │ │ │ ├── getFacetedMinMaxValues.ts │ │ │ ├── getFacetedRowModel.ts │ │ │ ├── getFacetedUniqueValues.ts │ │ │ ├── getFilteredRowModel.ts │ │ │ ├── getGroupedRowModel.ts │ │ │ ├── getPaginationRowModel.ts │ │ │ └── getSortedRowModel.ts │ ├── tests │ │ ├── RowPinning.test.ts │ │ ├── RowSelection.test.ts │ │ ├── getGroupedRowModel.test.ts │ │ ├── makeTestData.ts │ │ └── utils │ │ │ └── document.test.ts │ ├── tsconfig.json │ └── vitest.config.ts └── vue-table │ ├── package.json │ ├── rollup.config.mjs │ ├── src │ ├── index.ts │ └── merge-proxy.ts │ └── tsconfig.json ├── pnpm-lock.yaml ├── pnpm-workspace.yaml ├── prettier.config.cjs ├── scripts ├── config.js ├── getRollupConfig.js ├── publish.js ├── types.d.ts └── verify-links.ts └── tsconfig.json /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | -------------------------------------------------------------------------------- /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | # These are supported funding model platforms 2 | 3 | github: tannerlinsley 4 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/config.yml: -------------------------------------------------------------------------------- 1 | blank_issues_enabled: false 2 | contact_links: 3 | - name: Feature Requests & Questions 4 | url: https://github.com/TanStack/table/discussions 5 | about: Please ask and answer questions here. 6 | - name: Community Chat 7 | url: https://discord.gg/mQd7egN 8 | about: A dedicated discord server hosted by TanStack 9 | -------------------------------------------------------------------------------- /.npmrc: -------------------------------------------------------------------------------- 1 | link-workspace-packages=true 2 | prefer-workspace-packages=true 3 | provenance=true 4 | -------------------------------------------------------------------------------- /.nvmrc: -------------------------------------------------------------------------------- 1 | 20.15.1 2 | -------------------------------------------------------------------------------- /.nx/workflows/dynamic-changesets.yaml: -------------------------------------------------------------------------------- 1 | distribute-on: 2 | small-changeset: 3 linux-medium-js 3 | medium-changeset: 6 linux-medium-js 4 | large-changeset: 10 linux-medium-js 5 | -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- 1 | **/.nx/cache 2 | **/.svelte-kit 3 | **/build 4 | **/coverage 5 | **/dist 6 | **/docs 7 | **/old-examples 8 | pnpm-lock.yaml 9 | 10 | .angular 11 | -------------------------------------------------------------------------------- /docs/api/features/filters.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Filter APIs 3 | id: filters 4 | --- 5 | 6 | 7 | 8 | The Filtering API docs are now split into multiple API doc pages: 9 | 10 | - [Column Faceting](../../../guide/column-faceting.md) 11 | - [Global Faceting](../../../guide/global-faceting.md) 12 | - [Column Filtering](../../../guide/column-filtering.md) 13 | - [Global Filtering](../../../guide/global-filtering.md) -------------------------------------------------------------------------------- /docs/api/features/pinning.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Pinning APIs 3 | id: pinning 4 | --- 5 | 6 | 7 | 8 | The pinning apis are now split into multiple api pages: 9 | 10 | - [Column Pinning](../../../guide/column-pinning.md) 11 | - [Row Pinning](../../../guide/row-pinning.md) -------------------------------------------------------------------------------- /docs/framework/vanilla/guide/table-state.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Table State (Vanilla JS) Guide 3 | --- 4 | 5 | ## Table State (Vanilla JS) Guide 6 | -------------------------------------------------------------------------------- /docs/framework/vanilla/table-core.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/docs/framework/vanilla/table-core.md -------------------------------------------------------------------------------- /docs/guide/filters.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Filters Guide 3 | --- 4 | 5 | 6 | 7 | The filter guides are now split into multiple guides: 8 | 9 | - [Column Filtering](../column-filtering.md) 10 | - [Global Filtering](../global-filtering.md) 11 | - [Fuzzy Filtering](../fuzzy-filtering.md) 12 | -------------------------------------------------------------------------------- /docs/guide/pinning.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Pinning Guide 3 | --- 4 | 5 | 6 | 7 | Pinning is split into 2 different feature guides: 8 | 9 | - [Column Pinning](../column-pinning.md) 10 | - [Row Pinning](../row-pinning.md) -------------------------------------------------------------------------------- /docs/vanilla.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Vanilla TS/JS 3 | --- 4 | 5 | The `@tanstack/table-core` library contains the core logic for TanStack Table. If you are using a non-standard framework or don't have access to a framework, you can use the core library directly via TypeScript or JavaScript. 6 | 7 | ## `createTable` 8 | 9 | Takes an `options` object and returns a table. 10 | 11 | ```tsx 12 | import { createTable } from '@tanstack/table-core' 13 | 14 | const table = createTable(options) 15 | ``` 16 | -------------------------------------------------------------------------------- /examples/angular/basic/.devcontainer/devcontainer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Node.js", 3 | "image": "mcr.microsoft.com/devcontainers/javascript-node:18" 4 | } 5 | -------------------------------------------------------------------------------- /examples/angular/basic/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see https://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.ts] 12 | quote_type = single 13 | 14 | [*.md] 15 | max_line_length = off 16 | trim_trailing_whitespace = false 17 | -------------------------------------------------------------------------------- /examples/angular/basic/src/app/app.config.ts: -------------------------------------------------------------------------------- 1 | import { ApplicationConfig } from '@angular/core' 2 | import { provideRouter } from '@angular/router' 3 | 4 | import { routes } from './app.routes' 5 | 6 | export const appConfig: ApplicationConfig = { 7 | providers: [provideRouter(routes)], 8 | } 9 | -------------------------------------------------------------------------------- /examples/angular/basic/src/app/app.routes.ts: -------------------------------------------------------------------------------- 1 | import { Routes } from '@angular/router' 2 | 3 | export const routes: Routes = [] 4 | -------------------------------------------------------------------------------- /examples/angular/basic/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/basic/src/assets/.gitkeep -------------------------------------------------------------------------------- /examples/angular/basic/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/basic/src/favicon.ico -------------------------------------------------------------------------------- /examples/angular/basic/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Basic 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/angular/basic/src/main.ts: -------------------------------------------------------------------------------- 1 | import { bootstrapApplication } from '@angular/platform-browser' 2 | import { appConfig } from './app/app.config' 3 | import { AppComponent } from './app/app.component' 4 | 5 | bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err)) 6 | -------------------------------------------------------------------------------- /examples/angular/basic/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/app", 6 | "types": [] 7 | }, 8 | "files": ["src/main.ts"], 9 | "include": ["src/**/*.d.ts"] 10 | } 11 | -------------------------------------------------------------------------------- /examples/angular/basic/tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/spec", 6 | "types": ["jasmine"] 7 | }, 8 | "include": ["src/**/*.spec.ts", "src/**/*.d.ts"] 9 | } 10 | -------------------------------------------------------------------------------- /examples/angular/column-ordering/.devcontainer/devcontainer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Node.js", 3 | "image": "mcr.microsoft.com/devcontainers/javascript-node:18" 4 | } 5 | -------------------------------------------------------------------------------- /examples/angular/column-ordering/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see https://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.ts] 12 | quote_type = single 13 | 14 | [*.md] 15 | max_line_length = off 16 | trim_trailing_whitespace = false 17 | -------------------------------------------------------------------------------- /examples/angular/column-ordering/src/app/app.config.ts: -------------------------------------------------------------------------------- 1 | import { ApplicationConfig } from '@angular/core' 2 | 3 | export const appConfig: ApplicationConfig = { 4 | providers: [], 5 | } 6 | -------------------------------------------------------------------------------- /examples/angular/column-ordering/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/column-ordering/src/assets/.gitkeep -------------------------------------------------------------------------------- /examples/angular/column-ordering/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/column-ordering/src/favicon.ico -------------------------------------------------------------------------------- /examples/angular/column-ordering/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Basic 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/angular/column-ordering/src/main.ts: -------------------------------------------------------------------------------- 1 | import { bootstrapApplication } from '@angular/platform-browser' 2 | import { appConfig } from './app/app.config' 3 | import { AppComponent } from './app/app.component' 4 | 5 | bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err)) 6 | -------------------------------------------------------------------------------- /examples/angular/column-ordering/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/app", 6 | "types": [] 7 | }, 8 | "files": ["src/main.ts"], 9 | "include": ["src/**/*.d.ts"] 10 | } 11 | -------------------------------------------------------------------------------- /examples/angular/column-ordering/tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/spec", 6 | "types": ["jasmine"] 7 | }, 8 | "include": ["src/**/*.spec.ts", "src/**/*.d.ts"] 9 | } 10 | -------------------------------------------------------------------------------- /examples/angular/column-pinning-sticky/.devcontainer/devcontainer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Node.js", 3 | "image": "mcr.microsoft.com/devcontainers/javascript-node:18" 4 | } 5 | -------------------------------------------------------------------------------- /examples/angular/column-pinning-sticky/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see https://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.ts] 12 | quote_type = single 13 | 14 | [*.md] 15 | max_line_length = off 16 | trim_trailing_whitespace = false 17 | -------------------------------------------------------------------------------- /examples/angular/column-pinning-sticky/src/app/app.config.ts: -------------------------------------------------------------------------------- 1 | import { ApplicationConfig } from '@angular/core' 2 | 3 | export const appConfig: ApplicationConfig = { 4 | providers: [], 5 | } 6 | -------------------------------------------------------------------------------- /examples/angular/column-pinning-sticky/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/column-pinning-sticky/src/assets/.gitkeep -------------------------------------------------------------------------------- /examples/angular/column-pinning-sticky/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/column-pinning-sticky/src/favicon.ico -------------------------------------------------------------------------------- /examples/angular/column-pinning-sticky/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Basic 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/angular/column-pinning-sticky/src/main.ts: -------------------------------------------------------------------------------- 1 | import { bootstrapApplication } from '@angular/platform-browser' 2 | import { appConfig } from './app/app.config' 3 | import { AppComponent } from './app/app.component' 4 | 5 | bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err)) 6 | -------------------------------------------------------------------------------- /examples/angular/column-pinning-sticky/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/app", 6 | "types": [] 7 | }, 8 | "files": ["src/main.ts"], 9 | "include": ["src/**/*.d.ts"] 10 | } 11 | -------------------------------------------------------------------------------- /examples/angular/column-pinning-sticky/tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/spec", 6 | "types": ["jasmine"] 7 | }, 8 | "include": ["src/**/*.spec.ts", "src/**/*.d.ts"] 9 | } 10 | -------------------------------------------------------------------------------- /examples/angular/column-pinning/.devcontainer/devcontainer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Node.js", 3 | "image": "mcr.microsoft.com/devcontainers/javascript-node:18" 4 | } 5 | -------------------------------------------------------------------------------- /examples/angular/column-pinning/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see https://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.ts] 12 | quote_type = single 13 | 14 | [*.md] 15 | max_line_length = off 16 | trim_trailing_whitespace = false 17 | -------------------------------------------------------------------------------- /examples/angular/column-pinning/src/app/app.config.ts: -------------------------------------------------------------------------------- 1 | import { ApplicationConfig } from '@angular/core' 2 | 3 | export const appConfig: ApplicationConfig = { 4 | providers: [], 5 | } 6 | -------------------------------------------------------------------------------- /examples/angular/column-pinning/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/column-pinning/src/assets/.gitkeep -------------------------------------------------------------------------------- /examples/angular/column-pinning/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/column-pinning/src/favicon.ico -------------------------------------------------------------------------------- /examples/angular/column-pinning/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Basic 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/angular/column-pinning/src/main.ts: -------------------------------------------------------------------------------- 1 | import { bootstrapApplication } from '@angular/platform-browser' 2 | import { appConfig } from './app/app.config' 3 | import { AppComponent } from './app/app.component' 4 | 5 | bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err)) 6 | -------------------------------------------------------------------------------- /examples/angular/column-pinning/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/app", 6 | "types": [] 7 | }, 8 | "files": ["src/main.ts"], 9 | "include": ["src/**/*.d.ts"] 10 | } 11 | -------------------------------------------------------------------------------- /examples/angular/column-pinning/tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/spec", 6 | "types": ["jasmine"] 7 | }, 8 | "include": ["src/**/*.spec.ts", "src/**/*.d.ts"] 9 | } 10 | -------------------------------------------------------------------------------- /examples/angular/column-resizing-performant/.devcontainer/devcontainer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Node.js", 3 | "image": "mcr.microsoft.com/devcontainers/javascript-node:18" 4 | } 5 | -------------------------------------------------------------------------------- /examples/angular/column-resizing-performant/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see https://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.ts] 12 | quote_type = single 13 | 14 | [*.md] 15 | max_line_length = off 16 | trim_trailing_whitespace = false 17 | -------------------------------------------------------------------------------- /examples/angular/column-resizing-performant/src/app/app.config.ts: -------------------------------------------------------------------------------- 1 | import { ApplicationConfig } from '@angular/core' 2 | 3 | export const appConfig: ApplicationConfig = { 4 | providers: [], 5 | } 6 | -------------------------------------------------------------------------------- /examples/angular/column-resizing-performant/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/column-resizing-performant/src/assets/.gitkeep -------------------------------------------------------------------------------- /examples/angular/column-resizing-performant/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/column-resizing-performant/src/favicon.ico -------------------------------------------------------------------------------- /examples/angular/column-resizing-performant/src/main.ts: -------------------------------------------------------------------------------- 1 | import { bootstrapApplication } from '@angular/platform-browser' 2 | import { appConfig } from './app/app.config' 3 | import { AppComponent } from './app/app.component' 4 | 5 | bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err)) 6 | -------------------------------------------------------------------------------- /examples/angular/column-resizing-performant/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/app", 6 | "types": [] 7 | }, 8 | "files": ["src/main.ts"], 9 | "include": ["src/**/*.d.ts"] 10 | } 11 | -------------------------------------------------------------------------------- /examples/angular/column-resizing-performant/tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/spec", 6 | "types": ["jasmine"] 7 | }, 8 | "include": ["src/**/*.spec.ts", "src/**/*.d.ts"] 9 | } 10 | -------------------------------------------------------------------------------- /examples/angular/column-visibility/.devcontainer/devcontainer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Node.js", 3 | "image": "mcr.microsoft.com/devcontainers/javascript-node:18" 4 | } 5 | -------------------------------------------------------------------------------- /examples/angular/column-visibility/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see https://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.ts] 12 | quote_type = single 13 | 14 | [*.md] 15 | max_line_length = off 16 | trim_trailing_whitespace = false 17 | -------------------------------------------------------------------------------- /examples/angular/column-visibility/src/app/app.config.ts: -------------------------------------------------------------------------------- 1 | import { ApplicationConfig } from '@angular/core' 2 | 3 | export const appConfig: ApplicationConfig = { 4 | providers: [], 5 | } 6 | -------------------------------------------------------------------------------- /examples/angular/column-visibility/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/column-visibility/src/assets/.gitkeep -------------------------------------------------------------------------------- /examples/angular/column-visibility/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/column-visibility/src/favicon.ico -------------------------------------------------------------------------------- /examples/angular/column-visibility/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Basic 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/angular/column-visibility/src/main.ts: -------------------------------------------------------------------------------- 1 | import { bootstrapApplication } from '@angular/platform-browser' 2 | import { appConfig } from './app/app.config' 3 | import { AppComponent } from './app/app.component' 4 | 5 | bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err)) 6 | -------------------------------------------------------------------------------- /examples/angular/column-visibility/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/app", 6 | "types": [] 7 | }, 8 | "files": ["src/main.ts"], 9 | "include": ["src/**/*.d.ts"] 10 | } 11 | -------------------------------------------------------------------------------- /examples/angular/column-visibility/tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/spec", 6 | "types": ["jasmine"] 7 | }, 8 | "include": ["src/**/*.spec.ts", "src/**/*.d.ts"] 9 | } 10 | -------------------------------------------------------------------------------- /examples/angular/editable/.devcontainer/devcontainer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Node.js", 3 | "image": "mcr.microsoft.com/devcontainers/javascript-node:18" 4 | } 5 | -------------------------------------------------------------------------------- /examples/angular/editable/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see https://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.ts] 12 | quote_type = single 13 | 14 | [*.md] 15 | max_line_length = off 16 | trim_trailing_whitespace = false 17 | -------------------------------------------------------------------------------- /examples/angular/editable/src/app/app.config.ts: -------------------------------------------------------------------------------- 1 | import { ApplicationConfig } from '@angular/core' 2 | 3 | export const appConfig: ApplicationConfig = { 4 | providers: [], 5 | } 6 | -------------------------------------------------------------------------------- /examples/angular/editable/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/editable/src/assets/.gitkeep -------------------------------------------------------------------------------- /examples/angular/editable/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/editable/src/favicon.ico -------------------------------------------------------------------------------- /examples/angular/editable/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Editable data 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/angular/editable/src/main.ts: -------------------------------------------------------------------------------- 1 | import { bootstrapApplication } from '@angular/platform-browser' 2 | import { appConfig } from './app/app.config' 3 | import { AppComponent } from './app/app.component' 4 | 5 | bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err)) 6 | -------------------------------------------------------------------------------- /examples/angular/editable/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/app", 6 | "types": [] 7 | }, 8 | "files": ["src/main.ts"], 9 | "include": ["src/**/*.d.ts"] 10 | } 11 | -------------------------------------------------------------------------------- /examples/angular/editable/tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/spec", 6 | "types": ["jasmine"] 7 | }, 8 | "include": ["src/**/*.spec.ts", "src/**/*.d.ts"] 9 | } 10 | -------------------------------------------------------------------------------- /examples/angular/expanding/.devcontainer/devcontainer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Node.js", 3 | "image": "mcr.microsoft.com/devcontainers/javascript-node:18" 4 | } 5 | -------------------------------------------------------------------------------- /examples/angular/expanding/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see https://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.ts] 12 | quote_type = single 13 | 14 | [*.md] 15 | max_line_length = off 16 | trim_trailing_whitespace = false 17 | -------------------------------------------------------------------------------- /examples/angular/expanding/src/app/app.config.ts: -------------------------------------------------------------------------------- 1 | import { ApplicationConfig } from '@angular/core' 2 | 3 | export const appConfig: ApplicationConfig = { 4 | providers: [], 5 | } 6 | -------------------------------------------------------------------------------- /examples/angular/expanding/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/expanding/src/assets/.gitkeep -------------------------------------------------------------------------------- /examples/angular/expanding/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/expanding/src/favicon.ico -------------------------------------------------------------------------------- /examples/angular/expanding/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Expanding 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/angular/expanding/src/main.ts: -------------------------------------------------------------------------------- 1 | import { bootstrapApplication } from '@angular/platform-browser' 2 | import { appConfig } from './app/app.config' 3 | import { AppComponent } from './app/app.component' 4 | 5 | bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err)) 6 | -------------------------------------------------------------------------------- /examples/angular/expanding/src/styles.scss: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/angular/expanding/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/app", 6 | "types": [] 7 | }, 8 | "files": ["src/main.ts"], 9 | "include": ["src/**/*.d.ts"] 10 | } 11 | -------------------------------------------------------------------------------- /examples/angular/expanding/tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/spec", 6 | "types": ["jasmine"] 7 | }, 8 | "include": ["src/**/*.spec.ts", "src/**/*.d.ts"] 9 | } 10 | -------------------------------------------------------------------------------- /examples/angular/filters/.devcontainer/devcontainer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Node.js", 3 | "image": "mcr.microsoft.com/devcontainers/javascript-node:18" 4 | } 5 | -------------------------------------------------------------------------------- /examples/angular/filters/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see https://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.ts] 12 | quote_type = single 13 | 14 | [*.md] 15 | max_line_length = off 16 | trim_trailing_whitespace = false 17 | -------------------------------------------------------------------------------- /examples/angular/filters/src/app/app.config.ts: -------------------------------------------------------------------------------- 1 | import { ApplicationConfig } from '@angular/core' 2 | 3 | export const appConfig: ApplicationConfig = { 4 | providers: [], 5 | } 6 | -------------------------------------------------------------------------------- /examples/angular/filters/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/filters/src/assets/.gitkeep -------------------------------------------------------------------------------- /examples/angular/filters/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/filters/src/favicon.ico -------------------------------------------------------------------------------- /examples/angular/filters/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Selection 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/angular/filters/src/main.ts: -------------------------------------------------------------------------------- 1 | import { bootstrapApplication } from '@angular/platform-browser' 2 | import { appConfig } from './app/app.config' 3 | import { AppComponent } from './app/app.component' 4 | 5 | bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err)) 6 | -------------------------------------------------------------------------------- /examples/angular/filters/src/styles.scss: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/angular/filters/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/app", 6 | "types": [] 7 | }, 8 | "files": ["src/main.ts"], 9 | "include": ["src/**/*.d.ts"] 10 | } 11 | -------------------------------------------------------------------------------- /examples/angular/filters/tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/spec", 6 | "types": ["jasmine"] 7 | }, 8 | "include": ["src/**/*.spec.ts", "src/**/*.d.ts"] 9 | } 10 | -------------------------------------------------------------------------------- /examples/angular/grouping/.devcontainer/devcontainer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Node.js", 3 | "image": "mcr.microsoft.com/devcontainers/javascript-node:18" 4 | } 5 | -------------------------------------------------------------------------------- /examples/angular/grouping/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see https://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.ts] 12 | quote_type = single 13 | 14 | [*.md] 15 | max_line_length = off 16 | trim_trailing_whitespace = false 17 | -------------------------------------------------------------------------------- /examples/angular/grouping/src/app/app.config.ts: -------------------------------------------------------------------------------- 1 | import { ApplicationConfig } from '@angular/core' 2 | 3 | export const appConfig: ApplicationConfig = { 4 | providers: [], 5 | } 6 | -------------------------------------------------------------------------------- /examples/angular/grouping/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/grouping/src/assets/.gitkeep -------------------------------------------------------------------------------- /examples/angular/grouping/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/grouping/src/favicon.ico -------------------------------------------------------------------------------- /examples/angular/grouping/src/main.ts: -------------------------------------------------------------------------------- 1 | import { bootstrapApplication } from '@angular/platform-browser' 2 | import { appConfig } from './app/app.config' 3 | import { AppComponent } from './app/app.component' 4 | 5 | bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err)) 6 | -------------------------------------------------------------------------------- /examples/angular/grouping/src/styles.scss: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/angular/grouping/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/app", 6 | "types": [] 7 | }, 8 | "files": ["src/main.ts"], 9 | "include": ["src/**/*.d.ts"] 10 | } 11 | -------------------------------------------------------------------------------- /examples/angular/grouping/tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/spec", 6 | "types": ["jasmine"] 7 | }, 8 | "include": ["src/**/*.spec.ts", "src/**/*.d.ts"] 9 | } 10 | -------------------------------------------------------------------------------- /examples/angular/row-dnd/.devcontainer/devcontainer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Node.js", 3 | "image": "mcr.microsoft.com/devcontainers/javascript-node:18" 4 | } 5 | -------------------------------------------------------------------------------- /examples/angular/row-dnd/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see https://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.ts] 12 | quote_type = single 13 | 14 | [*.md] 15 | max_line_length = off 16 | trim_trailing_whitespace = false 17 | -------------------------------------------------------------------------------- /examples/angular/row-dnd/src/app/app.config.ts: -------------------------------------------------------------------------------- 1 | import { ApplicationConfig } from '@angular/core' 2 | 3 | export const appConfig: ApplicationConfig = { 4 | providers: [], 5 | } 6 | -------------------------------------------------------------------------------- /examples/angular/row-dnd/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/row-dnd/src/assets/.gitkeep -------------------------------------------------------------------------------- /examples/angular/row-dnd/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/row-dnd/src/favicon.ico -------------------------------------------------------------------------------- /examples/angular/row-dnd/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Row Drag and drop 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/angular/row-dnd/src/main.ts: -------------------------------------------------------------------------------- 1 | import { bootstrapApplication } from '@angular/platform-browser' 2 | import { appConfig } from './app/app.config' 3 | import { AppComponent } from './app/app.component' 4 | 5 | bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err)) 6 | -------------------------------------------------------------------------------- /examples/angular/row-dnd/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/app", 6 | "types": [] 7 | }, 8 | "files": ["src/main.ts"], 9 | "include": ["src/**/*.d.ts"] 10 | } 11 | -------------------------------------------------------------------------------- /examples/angular/row-dnd/tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/spec", 6 | "types": ["jasmine"] 7 | }, 8 | "include": ["src/**/*.spec.ts", "src/**/*.d.ts"] 9 | } 10 | -------------------------------------------------------------------------------- /examples/angular/row-selection-signal/.devcontainer/devcontainer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Node.js", 3 | "image": "mcr.microsoft.com/devcontainers/javascript-node:18" 4 | } 5 | -------------------------------------------------------------------------------- /examples/angular/row-selection-signal/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see https://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.ts] 12 | quote_type = single 13 | 14 | [*.md] 15 | max_line_length = off 16 | trim_trailing_whitespace = false 17 | -------------------------------------------------------------------------------- /examples/angular/row-selection-signal/src/app/app.config.ts: -------------------------------------------------------------------------------- 1 | import { ApplicationConfig } from '@angular/core' 2 | 3 | export const appConfig: ApplicationConfig = { 4 | providers: [], 5 | } 6 | -------------------------------------------------------------------------------- /examples/angular/row-selection-signal/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/row-selection-signal/src/assets/.gitkeep -------------------------------------------------------------------------------- /examples/angular/row-selection-signal/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/row-selection-signal/src/favicon.ico -------------------------------------------------------------------------------- /examples/angular/row-selection-signal/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Selection 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/angular/row-selection-signal/src/main.ts: -------------------------------------------------------------------------------- 1 | import { bootstrapApplication } from '@angular/platform-browser' 2 | import { appConfig } from './app/app.config' 3 | import { AppComponent } from './app/app.component' 4 | 5 | bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err)) 6 | -------------------------------------------------------------------------------- /examples/angular/row-selection-signal/src/styles.scss: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/angular/row-selection-signal/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/app", 6 | "types": [] 7 | }, 8 | "files": ["src/main.ts"], 9 | "include": ["src/**/*.d.ts"] 10 | } 11 | -------------------------------------------------------------------------------- /examples/angular/row-selection-signal/tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/spec", 6 | "types": ["jasmine"] 7 | }, 8 | "include": ["src/**/*.spec.ts", "src/**/*.d.ts"] 9 | } 10 | -------------------------------------------------------------------------------- /examples/angular/row-selection/.devcontainer/devcontainer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Node.js", 3 | "image": "mcr.microsoft.com/devcontainers/javascript-node:18" 4 | } 5 | -------------------------------------------------------------------------------- /examples/angular/row-selection/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see https://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.ts] 12 | quote_type = single 13 | 14 | [*.md] 15 | max_line_length = off 16 | trim_trailing_whitespace = false 17 | -------------------------------------------------------------------------------- /examples/angular/row-selection/src/app/app.config.ts: -------------------------------------------------------------------------------- 1 | import { ApplicationConfig } from '@angular/core' 2 | 3 | export const appConfig: ApplicationConfig = { 4 | providers: [], 5 | } 6 | -------------------------------------------------------------------------------- /examples/angular/row-selection/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/row-selection/src/assets/.gitkeep -------------------------------------------------------------------------------- /examples/angular/row-selection/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/row-selection/src/favicon.ico -------------------------------------------------------------------------------- /examples/angular/row-selection/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Selection 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/angular/row-selection/src/main.ts: -------------------------------------------------------------------------------- 1 | import { bootstrapApplication } from '@angular/platform-browser' 2 | import { appConfig } from './app/app.config' 3 | import { AppComponent } from './app/app.component' 4 | 5 | bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err)) 6 | -------------------------------------------------------------------------------- /examples/angular/row-selection/src/styles.scss: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/angular/row-selection/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/app", 6 | "types": [] 7 | }, 8 | "files": ["src/main.ts"], 9 | "include": ["src/**/*.d.ts"] 10 | } 11 | -------------------------------------------------------------------------------- /examples/angular/row-selection/tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/spec", 6 | "types": ["jasmine"] 7 | }, 8 | "include": ["src/**/*.spec.ts", "src/**/*.d.ts"] 9 | } 10 | -------------------------------------------------------------------------------- /examples/angular/signal-input/.devcontainer/devcontainer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Node.js", 3 | "image": "mcr.microsoft.com/devcontainers/javascript-node:18" 4 | } 5 | -------------------------------------------------------------------------------- /examples/angular/signal-input/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see https://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.ts] 12 | quote_type = single 13 | 14 | [*.md] 15 | max_line_length = off 16 | trim_trailing_whitespace = false 17 | -------------------------------------------------------------------------------- /examples/angular/signal-input/src/app/app.config.ts: -------------------------------------------------------------------------------- 1 | import { ApplicationConfig } from '@angular/core' 2 | 3 | export const appConfig: ApplicationConfig = { 4 | providers: [], 5 | } 6 | -------------------------------------------------------------------------------- /examples/angular/signal-input/src/app/columns.ts: -------------------------------------------------------------------------------- 1 | export type Person = { 2 | firstName: string 3 | lastName: string 4 | age: number 5 | visits: number 6 | progress: number 7 | status: 'relationship' | 'complicated' | 'single' 8 | subRows?: Person[] 9 | } 10 | -------------------------------------------------------------------------------- /examples/angular/signal-input/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/signal-input/src/assets/.gitkeep -------------------------------------------------------------------------------- /examples/angular/signal-input/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/signal-input/src/favicon.ico -------------------------------------------------------------------------------- /examples/angular/signal-input/src/main.ts: -------------------------------------------------------------------------------- 1 | import { bootstrapApplication } from '@angular/platform-browser' 2 | import { appConfig } from './app/app.config' 3 | import { AppComponent } from './app/app.component' 4 | 5 | bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err)) 6 | -------------------------------------------------------------------------------- /examples/angular/signal-input/src/styles.scss: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/angular/signal-input/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/app", 6 | "types": [] 7 | }, 8 | "files": ["src/main.ts"], 9 | "include": ["src/**/*.d.ts"] 10 | } 11 | -------------------------------------------------------------------------------- /examples/angular/signal-input/tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/spec", 6 | "types": ["jasmine"] 7 | }, 8 | "include": ["src/**/*.spec.ts", "src/**/*.d.ts"] 9 | } 10 | -------------------------------------------------------------------------------- /examples/angular/sub-components/.devcontainer/devcontainer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Node.js", 3 | "image": "mcr.microsoft.com/devcontainers/javascript-node:18" 4 | } 5 | -------------------------------------------------------------------------------- /examples/angular/sub-components/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see https://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.ts] 12 | quote_type = single 13 | 14 | [*.md] 15 | max_line_length = off 16 | trim_trailing_whitespace = false 17 | -------------------------------------------------------------------------------- /examples/angular/sub-components/src/app/app.config.ts: -------------------------------------------------------------------------------- 1 | import { ApplicationConfig } from '@angular/core' 2 | 3 | export const appConfig: ApplicationConfig = { 4 | providers: [], 5 | } 6 | -------------------------------------------------------------------------------- /examples/angular/sub-components/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/sub-components/src/assets/.gitkeep -------------------------------------------------------------------------------- /examples/angular/sub-components/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/angular/sub-components/src/favicon.ico -------------------------------------------------------------------------------- /examples/angular/sub-components/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Expanding 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/angular/sub-components/src/main.ts: -------------------------------------------------------------------------------- 1 | import { bootstrapApplication } from '@angular/platform-browser' 2 | import { appConfig } from './app/app.config' 3 | import { AppComponent } from './app/app.component' 4 | 5 | bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err)) 6 | -------------------------------------------------------------------------------- /examples/angular/sub-components/src/styles.scss: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/angular/sub-components/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/app", 6 | "types": [] 7 | }, 8 | "files": ["src/main.ts"], 9 | "include": ["src/**/*.d.ts"] 10 | } 11 | -------------------------------------------------------------------------------- /examples/angular/sub-components/tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/spec", 6 | "types": ["jasmine"] 7 | }, 8 | "include": ["src/**/*.spec.ts", "src/**/*.d.ts"] 9 | } 10 | -------------------------------------------------------------------------------- /examples/lit/basic/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/lit/basic/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/lit/basic/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/lit/basic/twind.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from '@twind/core' 2 | import presetAutoprefix from '@twind/preset-autoprefix' 3 | import presetTailwind from '@twind/preset-tailwind/base' 4 | 5 | export default defineConfig({ 6 | presets: [presetAutoprefix(), presetTailwind()], 7 | }) 8 | -------------------------------------------------------------------------------- /examples/lit/basic/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import rollupReplace from '@rollup/plugin-replace' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [ 7 | rollupReplace({ 8 | preventAssignment: true, 9 | values: { 10 | __DEV__: JSON.stringify(true), 11 | 'process.env.NODE_ENV': JSON.stringify('development'), 12 | }, 13 | }), 14 | ], 15 | }) 16 | -------------------------------------------------------------------------------- /examples/lit/column-sizing/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/lit/column-sizing/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/lit/column-sizing/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/lit/filters/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/lit/filters/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/lit/filters/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/lit/filters/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import rollupReplace from '@rollup/plugin-replace' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [ 7 | rollupReplace({ 8 | preventAssignment: true, 9 | values: { 10 | __DEV__: JSON.stringify(true), 11 | 'process.env.NODE_ENV': JSON.stringify('development'), 12 | }, 13 | }), 14 | ], 15 | }) 16 | -------------------------------------------------------------------------------- /examples/lit/row-selection/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/lit/row-selection/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/lit/row-selection/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/lit/row-selection/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import rollupReplace from '@rollup/plugin-replace' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [ 7 | rollupReplace({ 8 | preventAssignment: true, 9 | values: { 10 | __DEV__: JSON.stringify(true), 11 | 'process.env.NODE_ENV': JSON.stringify('development'), 12 | }, 13 | }), 14 | ], 15 | }) 16 | -------------------------------------------------------------------------------- /examples/lit/sorting-dynamic-data/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/lit/sorting-dynamic-data/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/lit/sorting-dynamic-data/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/lit/sorting-dynamic-data/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import rollupReplace from '@rollup/plugin-replace' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [ 7 | rollupReplace({ 8 | preventAssignment: true, 9 | values: { 10 | __DEV__: JSON.stringify(true), 11 | 'process.env.NODE_ENV': JSON.stringify('development'), 12 | }, 13 | }), 14 | ], 15 | }) 16 | -------------------------------------------------------------------------------- /examples/lit/sorting/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/lit/sorting/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/lit/sorting/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/lit/sorting/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import rollupReplace from '@rollup/plugin-replace' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [ 7 | rollupReplace({ 8 | preventAssignment: true, 9 | values: { 10 | __DEV__: JSON.stringify(true), 11 | 'process.env.NODE_ENV': JSON.stringify('development'), 12 | }, 13 | }), 14 | ], 15 | }) 16 | -------------------------------------------------------------------------------- /examples/lit/virtualized-rows/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/lit/virtualized-rows/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/lit/virtualized-rows/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/lit/virtualized-rows/twind.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from '@twind/core' 2 | import presetAutoprefix from '@twind/preset-autoprefix' 3 | import presetTailwind from '@twind/preset-tailwind/base' 4 | 5 | export default defineConfig({ 6 | presets: [presetAutoprefix(), presetTailwind()], 7 | }) 8 | -------------------------------------------------------------------------------- /examples/lit/virtualized-rows/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import rollupReplace from '@rollup/plugin-replace' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [ 7 | rollupReplace({ 8 | preventAssignment: true, 9 | values: { 10 | __DEV__: JSON.stringify(true), 11 | 'process.env.NODE_ENV': JSON.stringify('development'), 12 | }, 13 | }), 14 | ], 15 | }) 16 | -------------------------------------------------------------------------------- /examples/qwik/basic/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/qwik/basic/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite + Qwik + TS 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/qwik/basic/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/qwik/basic/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/qwik/basic/tsconfig.node.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "composite": true, 4 | "skipLibCheck": true, 5 | "module": "ESNext", 6 | "moduleResolution": "bundler", 7 | "allowSyntheticDefaultImports": true, 8 | "strict": true 9 | }, 10 | "include": ["vite.config.ts"] 11 | } 12 | -------------------------------------------------------------------------------- /examples/qwik/basic/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import { qwikVite } from '@builder.io/qwik/optimizer' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [ 7 | qwikVite({ 8 | csr: true, 9 | }), 10 | ], 11 | }) 12 | -------------------------------------------------------------------------------- /examples/qwik/filters/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/qwik/filters/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite + Qwik + TS 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/qwik/filters/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/qwik/filters/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/qwik/filters/tsconfig.node.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "composite": true, 4 | "skipLibCheck": true, 5 | "module": "ESNext", 6 | "moduleResolution": "bundler", 7 | "allowSyntheticDefaultImports": true, 8 | "strict": true 9 | }, 10 | "include": ["vite.config.ts"] 11 | } 12 | -------------------------------------------------------------------------------- /examples/qwik/filters/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import { qwikVite } from '@builder.io/qwik/optimizer' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [ 7 | qwikVite({ 8 | csr: true, 9 | }), 10 | ], 11 | }) 12 | -------------------------------------------------------------------------------- /examples/qwik/row-selection/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/qwik/row-selection/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite + Qwik + TS 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/qwik/row-selection/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/qwik/row-selection/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/qwik/row-selection/tsconfig.node.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "composite": true, 4 | "skipLibCheck": true, 5 | "module": "ESNext", 6 | "moduleResolution": "bundler", 7 | "allowSyntheticDefaultImports": true, 8 | "strict": true 9 | }, 10 | "include": ["vite.config.ts"] 11 | } 12 | -------------------------------------------------------------------------------- /examples/qwik/row-selection/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import { qwikVite } from '@builder.io/qwik/optimizer' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [ 7 | qwikVite({ 8 | csr: true, 9 | }), 10 | ], 11 | }) 12 | -------------------------------------------------------------------------------- /examples/qwik/sorting/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/qwik/sorting/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite + Qwik + TS 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/qwik/sorting/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/qwik/sorting/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/qwik/sorting/tsconfig.node.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "composite": true, 4 | "skipLibCheck": true, 5 | "module": "ESNext", 6 | "moduleResolution": "bundler", 7 | "allowSyntheticDefaultImports": true, 8 | "strict": true 9 | }, 10 | "include": ["vite.config.ts"] 11 | } 12 | -------------------------------------------------------------------------------- /examples/qwik/sorting/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import { qwikVite } from '@builder.io/qwik/optimizer' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [ 7 | qwikVite({ 8 | csr: true, 9 | }), 10 | ], 11 | }) 12 | -------------------------------------------------------------------------------- /examples/react/basic/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/basic/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/basic/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/basic/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/react/basic/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | import rollupReplace from '@rollup/plugin-replace' 4 | 5 | // https://vitejs.dev/config/ 6 | export default defineConfig({ 7 | plugins: [ 8 | rollupReplace({ 9 | preventAssignment: true, 10 | values: { 11 | __DEV__: JSON.stringify(true), 12 | 'process.env.NODE_ENV': JSON.stringify('development'), 13 | }, 14 | }), 15 | react(), 16 | ], 17 | }) 18 | -------------------------------------------------------------------------------- /examples/react/bootstrap/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/bootstrap/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/bootstrap/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/bootstrap/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/react/column-dnd/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/column-dnd/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/column-dnd/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/column-groups/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/column-groups/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/column-groups/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/column-groups/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/react/column-ordering/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/column-ordering/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/column-ordering/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/column-pinning-sticky/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/column-pinning-sticky/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/column-pinning-sticky/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/column-pinning/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/column-pinning/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/column-pinning/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/column-resizing-performant/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/column-resizing-performant/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/column-resizing-performant/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/column-sizing/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/column-sizing/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/column-sizing/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/column-visibility/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/column-visibility/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/column-visibility/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/column-visibility/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/react/custom-features/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/custom-features/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/custom-features/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/editable-data/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/editable-data/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/editable-data/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/editable-data/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/react/expanding/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/expanding/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/expanding/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/expanding/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/react/filters-faceted/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/filters-faceted/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/filters-faceted/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/filters-faceted/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/react/filters-fuzzy/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/filters-fuzzy/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/filters-fuzzy/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/filters-fuzzy/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/react/filters/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/filters/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/filters/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/filters/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/react/filters/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | import rollupReplace from '@rollup/plugin-replace' 4 | 5 | // https://vitejs.dev/config/ 6 | export default defineConfig({ 7 | plugins: [ 8 | rollupReplace({ 9 | preventAssignment: true, 10 | values: { 11 | __DEV__: JSON.stringify(true), 12 | 'process.env.NODE_ENV': JSON.stringify('development'), 13 | }, 14 | }), 15 | react(), 16 | ], 17 | }) 18 | -------------------------------------------------------------------------------- /examples/react/full-width-resizable-table/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local -------------------------------------------------------------------------------- /examples/react/full-width-resizable-table/README.md: -------------------------------------------------------------------------------- 1 | # Full Width Resizable Table 2 | 3 | - [Open this example in a new CodeSandbox](https://codesandbox.io/s/github/tanstack/table/tree/main/examples/react/full-width-resizable-table) 4 | - `yarn` and `yarn start` to run and edit the example 5 | -------------------------------------------------------------------------------- /examples/react/full-width-resizable-table/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/full-width-table/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /examples/react/full-width-table/README.md: -------------------------------------------------------------------------------- 1 | # Full Width Table (with collapsible cells) 2 | 3 | - [Open this example in a new CodeSandbox](https://codesandbox.io/s/github/tanstack/react-table/tree/master/examples/full-width-table) 4 | - `yarn` and `yarn start` to run and edit the example 5 | -------------------------------------------------------------------------------- /examples/react/full-width-table/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/full-width-table/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/react/fully-controlled/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/fully-controlled/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/fully-controlled/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/fully-controlled/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/react/grouping/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/grouping/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/grouping/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/grouping/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/react/kitchen-sink/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/kitchen-sink/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/kitchen-sink/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/kitchen-sink/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/react/kitchen-sink/src/main.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import ReactDOM from 'react-dom/client' 3 | import App from './App' 4 | 5 | import './index.css' 6 | 7 | const rootElement = document.getElementById('root') 8 | if (!rootElement) throw new Error('Failed to find the root element') 9 | 10 | ReactDOM.createRoot(rootElement).render( 11 | 12 | 13 | 14 | ) 15 | -------------------------------------------------------------------------------- /examples/react/material-ui-pagination/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/material-ui-pagination/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/material-ui-pagination/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/material-ui-pagination/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/react/pagination-controlled/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/pagination-controlled/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/pagination-controlled/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/pagination/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/pagination/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/pagination/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/query-router-search-params/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/query-router-search-params/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/query-router-search-params/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/query-router-search-params/src/api/types.ts: -------------------------------------------------------------------------------- 1 | import { PaginationState } from '@tanstack/react-table' 2 | 3 | export type PaginatedData = { 4 | result: T[] 5 | rowCount: number 6 | } 7 | 8 | export type PaginationParams = PaginationState 9 | export type SortParams = { sortBy: `${string}.${'asc' | 'desc'}` } 10 | export type Filters = Partial 11 | -------------------------------------------------------------------------------- /examples/react/query-router-search-params/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/react/query-router-search-params/src/main.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import ReactDOM from 'react-dom/client' 3 | import App from './App' 4 | 5 | import './index.css' 6 | 7 | const rootElement = document.getElementById('root') 8 | if (!rootElement) throw new Error('Failed to find the root element') 9 | 10 | ReactDOM.createRoot(rootElement).render( 11 | 12 | 13 | 14 | ) 15 | -------------------------------------------------------------------------------- /examples/react/query-router-search-params/src/routes/__root.tsx: -------------------------------------------------------------------------------- 1 | import { createRootRoute, Outlet } from '@tanstack/react-router' 2 | 3 | export const Route = createRootRoute({ 4 | component: Outlet, 5 | }) 6 | -------------------------------------------------------------------------------- /examples/react/query-router-search-params/src/routes/anotherRoute.tsx: -------------------------------------------------------------------------------- 1 | import { createFileRoute } from '@tanstack/react-router' 2 | 3 | // This just exists to validate types are working 4 | export const Route = createFileRoute('/anotherRoute')({ 5 | validateSearch: () => ({}) as { foo: string; bar: number }, 6 | }) 7 | -------------------------------------------------------------------------------- /examples/react/row-dnd/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/row-dnd/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/row-dnd/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/row-pinning/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/row-pinning/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/row-pinning/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/row-selection/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/row-selection/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/row-selection/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/row-selection/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/react/sorting/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/sorting/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/sorting/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/sorting/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/react/sub-components/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/sub-components/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/sub-components/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/sub-components/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/react/virtualized-columns-experimental/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/virtualized-columns-experimental/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/virtualized-columns/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/virtualized-columns/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/virtualized-infinite-scrolling/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/virtualized-infinite-scrolling/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/virtualized-infinite-scrolling/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/react/virtualized-rows-experimental/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/virtualized-rows-experimental/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/react/virtualized-rows/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/react/virtualized-rows/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/solid/basic/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist -------------------------------------------------------------------------------- /examples/solid/basic/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/solid/basic/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/solid/basic/src/index.tsx: -------------------------------------------------------------------------------- 1 | /* @refresh reload */ 2 | import { render } from 'solid-js/web' 3 | 4 | import './index.css' 5 | import App from './App' 6 | 7 | render(() => , document.getElementById('root') as HTMLElement) 8 | -------------------------------------------------------------------------------- /examples/solid/basic/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import solidPlugin from 'vite-plugin-solid' 3 | 4 | export default defineConfig({ 5 | plugins: [solidPlugin()], 6 | build: { 7 | target: 'esnext', 8 | polyfillDynamicImport: false, 9 | }, 10 | }) 11 | -------------------------------------------------------------------------------- /examples/solid/bootstrap/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/solid/bootstrap/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/solid/bootstrap/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/solid/bootstrap/src/index.tsx: -------------------------------------------------------------------------------- 1 | /* @refresh reload */ 2 | import { render } from 'solid-js/web' 3 | 4 | import './index.css' 5 | import App from './App' 6 | 7 | render(() => , document.getElementById('root') as HTMLElement) 8 | -------------------------------------------------------------------------------- /examples/solid/bootstrap/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import solidPlugin from 'vite-plugin-solid' 3 | 4 | export default defineConfig({ 5 | plugins: [solidPlugin()], 6 | build: { 7 | target: 'esnext', 8 | polyfillDynamicImport: false, 9 | }, 10 | }) 11 | -------------------------------------------------------------------------------- /examples/solid/column-groups/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist -------------------------------------------------------------------------------- /examples/solid/column-groups/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/solid/column-groups/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/solid/column-groups/src/index.tsx: -------------------------------------------------------------------------------- 1 | /* @refresh reload */ 2 | import { render } from 'solid-js/web' 3 | 4 | import './index.css' 5 | import App from './App' 6 | 7 | render(() => , document.getElementById('root') as HTMLElement) 8 | -------------------------------------------------------------------------------- /examples/solid/column-groups/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import solidPlugin from 'vite-plugin-solid' 3 | 4 | export default defineConfig({ 5 | plugins: [solidPlugin()], 6 | build: { 7 | target: 'esnext', 8 | polyfillDynamicImport: false, 9 | }, 10 | }) 11 | -------------------------------------------------------------------------------- /examples/solid/column-ordering/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist -------------------------------------------------------------------------------- /examples/solid/column-ordering/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/solid/column-ordering/src/index.tsx: -------------------------------------------------------------------------------- 1 | /* @refresh reload */ 2 | import { render } from 'solid-js/web' 3 | 4 | import './index.css' 5 | import App from './App' 6 | 7 | render(() => , document.getElementById('root') as HTMLElement) 8 | -------------------------------------------------------------------------------- /examples/solid/column-ordering/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import solidPlugin from 'vite-plugin-solid' 3 | 4 | export default defineConfig({ 5 | plugins: [solidPlugin()], 6 | build: { 7 | target: 'esnext', 8 | polyfillDynamicImport: false, 9 | }, 10 | }) 11 | -------------------------------------------------------------------------------- /examples/solid/column-visibility/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist -------------------------------------------------------------------------------- /examples/solid/column-visibility/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/solid/column-visibility/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/solid/column-visibility/src/index.tsx: -------------------------------------------------------------------------------- 1 | /* @refresh reload */ 2 | import { render } from 'solid-js/web' 3 | 4 | import './index.css' 5 | import App from './App' 6 | 7 | render(() => , document.getElementById('root') as HTMLElement) 8 | -------------------------------------------------------------------------------- /examples/solid/column-visibility/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import solidPlugin from 'vite-plugin-solid' 3 | 4 | export default defineConfig({ 5 | plugins: [solidPlugin()], 6 | build: { 7 | target: 'esnext', 8 | polyfillDynamicImport: false, 9 | }, 10 | }) 11 | -------------------------------------------------------------------------------- /examples/solid/filters/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist -------------------------------------------------------------------------------- /examples/solid/filters/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/solid/filters/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/solid/filters/src/index.tsx: -------------------------------------------------------------------------------- 1 | /* @refresh reload */ 2 | import { render } from 'solid-js/web' 3 | 4 | import './index.css' 5 | import App from './App' 6 | 7 | render(() => , document.getElementById('root') as HTMLElement) 8 | -------------------------------------------------------------------------------- /examples/solid/filters/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import solidPlugin from 'vite-plugin-solid' 3 | 4 | export default defineConfig({ 5 | plugins: [solidPlugin()], 6 | build: { 7 | target: 'esnext', 8 | polyfillDynamicImport: false, 9 | }, 10 | }) 11 | -------------------------------------------------------------------------------- /examples/solid/sorting/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist -------------------------------------------------------------------------------- /examples/solid/sorting/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/solid/sorting/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/solid/sorting/src/index.tsx: -------------------------------------------------------------------------------- 1 | /* @refresh reload */ 2 | import { render } from 'solid-js/web' 3 | 4 | import './index.css' 5 | import App from './App' 6 | 7 | render(() => , document.getElementById('root') as HTMLElement) 8 | -------------------------------------------------------------------------------- /examples/solid/sorting/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import solidPlugin from 'vite-plugin-solid' 3 | 4 | export default defineConfig({ 5 | plugins: [solidPlugin()], 6 | build: { 7 | target: 'esnext', 8 | polyfillDynamicImport: false, 9 | }, 10 | }) 11 | -------------------------------------------------------------------------------- /examples/svelte/basic/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | 7 | src/**/*.d.ts 8 | src/**/*.map -------------------------------------------------------------------------------- /examples/svelte/basic/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/svelte/basic/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/svelte/basic/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/svelte/basic/src/main.ts: -------------------------------------------------------------------------------- 1 | // @ts-ignore 2 | import App from './App.svelte' 3 | 4 | const app = new App({ 5 | target: document.getElementById('root')!, 6 | }) 7 | 8 | export default app 9 | -------------------------------------------------------------------------------- /examples/svelte/basic/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | /// 3 | -------------------------------------------------------------------------------- /examples/svelte/basic/svelte.config.js: -------------------------------------------------------------------------------- 1 | import { vitePreprocess } from '@sveltejs/vite-plugin-svelte' 2 | 3 | export default { 4 | preprocess: vitePreprocess(), 5 | } 6 | -------------------------------------------------------------------------------- /examples/svelte/basic/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "@tsconfig/svelte/tsconfig.json", 3 | "compilerOptions": { 4 | "target": "esnext", 5 | "useDefineForClassFields": true, 6 | "module": "esnext", 7 | "resolveJsonModule": true, 8 | "allowJs": true, 9 | "checkJs": true, 10 | "isolatedModules": true 11 | }, 12 | "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"] 13 | } 14 | -------------------------------------------------------------------------------- /examples/svelte/column-groups/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | 7 | src/**/*.d.ts 8 | src/**/*.map -------------------------------------------------------------------------------- /examples/svelte/column-groups/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/svelte/column-groups/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/svelte/column-groups/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/svelte/column-groups/src/main.ts: -------------------------------------------------------------------------------- 1 | // @ts-ignore 2 | import App from './App.svelte' 3 | 4 | const app = new App({ 5 | target: document.getElementById('root')!, 6 | }) 7 | 8 | export default app 9 | -------------------------------------------------------------------------------- /examples/svelte/column-groups/svelte.config.js: -------------------------------------------------------------------------------- 1 | import { vitePreprocess } from '@sveltejs/vite-plugin-svelte' 2 | 3 | export default { 4 | preprocess: vitePreprocess(), 5 | } 6 | -------------------------------------------------------------------------------- /examples/svelte/column-groups/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "@tsconfig/svelte/tsconfig.json", 3 | "compilerOptions": { 4 | "target": "esnext", 5 | "useDefineForClassFields": true, 6 | "module": "esnext", 7 | "resolveJsonModule": true, 8 | "allowJs": true, 9 | "checkJs": true, 10 | "isolatedModules": true 11 | }, 12 | "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"] 13 | } 14 | -------------------------------------------------------------------------------- /examples/svelte/column-ordering/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | 7 | src/**/*.d.ts 8 | src/**/*.map -------------------------------------------------------------------------------- /examples/svelte/column-ordering/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/svelte/column-ordering/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/svelte/column-ordering/src/main.ts: -------------------------------------------------------------------------------- 1 | // @ts-ignore 2 | import App from './App.svelte' 3 | 4 | const app = new App({ 5 | target: document.getElementById('root')!, 6 | }) 7 | 8 | export default app 9 | -------------------------------------------------------------------------------- /examples/svelte/column-ordering/svelte.config.js: -------------------------------------------------------------------------------- 1 | import { vitePreprocess } from '@sveltejs/vite-plugin-svelte' 2 | 3 | export default { 4 | preprocess: vitePreprocess(), 5 | } 6 | -------------------------------------------------------------------------------- /examples/svelte/column-ordering/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "@tsconfig/svelte/tsconfig.json", 3 | "compilerOptions": { 4 | "target": "esnext", 5 | "useDefineForClassFields": true, 6 | "module": "esnext", 7 | "resolveJsonModule": true, 8 | "allowJs": true, 9 | "checkJs": true, 10 | "isolatedModules": true 11 | }, 12 | "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"] 13 | } 14 | -------------------------------------------------------------------------------- /examples/svelte/column-pinning/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | 7 | src/**/*.d.ts 8 | src/**/*.map -------------------------------------------------------------------------------- /examples/svelte/column-pinning/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/svelte/column-pinning/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/svelte/column-pinning/src/main.ts: -------------------------------------------------------------------------------- 1 | // @ts-ignore 2 | import App from './App.svelte' 3 | 4 | const app = new App({ 5 | target: document.getElementById('root')!, 6 | }) 7 | 8 | export default app 9 | -------------------------------------------------------------------------------- /examples/svelte/column-pinning/svelte.config.js: -------------------------------------------------------------------------------- 1 | import { vitePreprocess } from '@sveltejs/vite-plugin-svelte' 2 | 3 | export default { 4 | preprocess: vitePreprocess(), 5 | } 6 | -------------------------------------------------------------------------------- /examples/svelte/column-pinning/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "@tsconfig/svelte/tsconfig.json", 3 | "compilerOptions": { 4 | "target": "esnext", 5 | "useDefineForClassFields": true, 6 | "module": "esnext", 7 | "resolveJsonModule": true, 8 | "allowJs": true, 9 | "checkJs": true, 10 | "isolatedModules": true 11 | }, 12 | "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"] 13 | } 14 | -------------------------------------------------------------------------------- /examples/svelte/column-visibility/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | 7 | src/**/*.d.ts 8 | src/**/*.map -------------------------------------------------------------------------------- /examples/svelte/column-visibility/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/svelte/column-visibility/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/svelte/column-visibility/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/svelte/column-visibility/src/main.ts: -------------------------------------------------------------------------------- 1 | // @ts-ignore 2 | import App from './App.svelte' 3 | 4 | const app = new App({ 5 | target: document.getElementById('root')!, 6 | }) 7 | 8 | export default app 9 | -------------------------------------------------------------------------------- /examples/svelte/column-visibility/svelte.config.js: -------------------------------------------------------------------------------- 1 | import { vitePreprocess } from '@sveltejs/vite-plugin-svelte' 2 | 3 | export default { 4 | preprocess: vitePreprocess(), 5 | } 6 | -------------------------------------------------------------------------------- /examples/svelte/column-visibility/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "@tsconfig/svelte/tsconfig.json", 3 | "compilerOptions": { 4 | "target": "esnext", 5 | "useDefineForClassFields": true, 6 | "module": "esnext", 7 | "resolveJsonModule": true, 8 | "allowJs": true, 9 | "checkJs": true, 10 | "isolatedModules": true 11 | }, 12 | "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"] 13 | } 14 | -------------------------------------------------------------------------------- /examples/svelte/filtering/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | 7 | src/**/*.d.ts 8 | src/**/*.map -------------------------------------------------------------------------------- /examples/svelte/filtering/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/svelte/filtering/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/svelte/filtering/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/svelte/filtering/svelte.config.js: -------------------------------------------------------------------------------- 1 | import { vitePreprocess } from '@sveltejs/vite-plugin-svelte' 2 | 3 | export default { 4 | preprocess: vitePreprocess(), 5 | } 6 | -------------------------------------------------------------------------------- /examples/svelte/filtering/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "@tsconfig/svelte/tsconfig.json", 3 | "compilerOptions": { 4 | "target": "esnext", 5 | "useDefineForClassFields": true, 6 | "module": "esnext", 7 | "resolveJsonModule": true, 8 | "allowJs": true, 9 | "checkJs": true, 10 | "isolatedModules": true 11 | }, 12 | "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"] 13 | } 14 | -------------------------------------------------------------------------------- /examples/svelte/sorting/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | 7 | src/**/*.d.ts 8 | src/**/*.map -------------------------------------------------------------------------------- /examples/svelte/sorting/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/svelte/sorting/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vite App 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/svelte/sorting/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/svelte/sorting/src/main.ts: -------------------------------------------------------------------------------- 1 | // @ts-ignore 2 | import App from './App.svelte' 3 | 4 | const app = new App({ 5 | target: document.getElementById('root')!, 6 | }) 7 | 8 | export default app 9 | -------------------------------------------------------------------------------- /examples/svelte/sorting/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | /// 3 | -------------------------------------------------------------------------------- /examples/svelte/sorting/svelte.config.js: -------------------------------------------------------------------------------- 1 | import { vitePreprocess } from '@sveltejs/vite-plugin-svelte' 2 | 3 | export default { 4 | preprocess: vitePreprocess(), 5 | } 6 | -------------------------------------------------------------------------------- /examples/svelte/sorting/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "@tsconfig/svelte/tsconfig.json", 3 | "compilerOptions": { 4 | "target": "esnext", 5 | "useDefineForClassFields": true, 6 | "module": "esnext", 7 | "resolveJsonModule": true, 8 | "allowJs": true, 9 | "checkJs": true, 10 | "isolatedModules": true 11 | }, 12 | "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"] 13 | } 14 | -------------------------------------------------------------------------------- /examples/vanilla/basic/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/vanilla/basic/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/vanilla/basic/src/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | font-size: 14px; 4 | } 5 | 6 | table { 7 | border: 1px solid lightgray; 8 | } 9 | 10 | tbody { 11 | border-bottom: 1px solid lightgray; 12 | } 13 | 14 | th { 15 | border-bottom: 1px solid lightgray; 16 | border-right: 1px solid lightgray; 17 | padding: 2px 4px; 18 | } 19 | 20 | tfoot { 21 | color: gray; 22 | } 23 | 24 | tfoot th { 25 | font-weight: normal; 26 | } 27 | -------------------------------------------------------------------------------- /examples/vanilla/basic/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import rollupReplace from '@rollup/plugin-replace' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [ 7 | rollupReplace({ 8 | preventAssignment: true, 9 | values: { 10 | __DEV__: JSON.stringify(true), 11 | 'process.env.NODE_ENV': JSON.stringify('development'), 12 | }, 13 | }), 14 | ], 15 | }) 16 | -------------------------------------------------------------------------------- /examples/vanilla/pagination/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/vanilla/pagination/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/vanilla/pagination/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import rollupReplace from '@rollup/plugin-replace' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [ 7 | rollupReplace({ 8 | preventAssignment: true, 9 | values: { 10 | __DEV__: JSON.stringify(true), 11 | 'process.env.NODE_ENV': JSON.stringify('development'), 12 | }, 13 | }), 14 | ], 15 | }) 16 | -------------------------------------------------------------------------------- /examples/vanilla/sorting/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | dist-ssr 5 | *.local 6 | -------------------------------------------------------------------------------- /examples/vanilla/sorting/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run start` or `yarn start` 7 | -------------------------------------------------------------------------------- /examples/vanilla/sorting/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import rollupReplace from '@rollup/plugin-replace' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [ 7 | rollupReplace({ 8 | preventAssignment: true, 9 | values: { 10 | __DEV__: JSON.stringify(true), 11 | 'process.env.NODE_ENV': JSON.stringify('development'), 12 | }, 13 | }), 14 | ], 15 | }) 16 | -------------------------------------------------------------------------------- /examples/vue/basic/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/vue/basic/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run dev` or `yarn dev` 7 | -------------------------------------------------------------------------------- /examples/vue/basic/env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/vue/basic/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite App 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/vue/basic/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/vue/basic/public/favicon.ico -------------------------------------------------------------------------------- /examples/vue/basic/src/env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | 3 | declare module '*.vue' { 4 | import type { DefineComponent } from 'vue' 5 | // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types 6 | const component: DefineComponent<{}, {}, any> 7 | export default component 8 | } 9 | -------------------------------------------------------------------------------- /examples/vue/basic/src/main.ts: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import App from './App.vue' 3 | 4 | createApp(App).mount('#app') 5 | -------------------------------------------------------------------------------- /examples/vue/basic/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()], 7 | }) 8 | -------------------------------------------------------------------------------- /examples/vue/column-ordering/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | .DS_Store 12 | dist 13 | dist-ssr 14 | coverage 15 | *.local 16 | 17 | /cypress/videos/ 18 | /cypress/screenshots/ 19 | 20 | # Editor directories and files 21 | .vscode/* 22 | !.vscode/extensions.json 23 | .idea 24 | *.suo 25 | *.ntvs* 26 | *.njsproj 27 | *.sln 28 | *.sw? 29 | -------------------------------------------------------------------------------- /examples/vue/column-ordering/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"] 3 | } 4 | -------------------------------------------------------------------------------- /examples/vue/column-ordering/env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/vue/column-ordering/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite App 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/vue/column-ordering/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/vue/column-ordering/public/favicon.ico -------------------------------------------------------------------------------- /examples/vue/column-ordering/src/env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | 3 | declare module '*.vue' { 4 | import type { DefineComponent } from 'vue' 5 | // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types 6 | const component: DefineComponent<{}, {}, any> 7 | export default component 8 | } 9 | -------------------------------------------------------------------------------- /examples/vue/column-ordering/src/main.ts: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import App from './App.vue' 3 | 4 | createApp(App).mount('#app') 5 | -------------------------------------------------------------------------------- /examples/vue/column-ordering/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()], 7 | }) 8 | -------------------------------------------------------------------------------- /examples/vue/column-pinning/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | .DS_Store 12 | dist 13 | dist-ssr 14 | coverage 15 | *.local 16 | 17 | /cypress/videos/ 18 | /cypress/screenshots/ 19 | 20 | # Editor directories and files 21 | .vscode/* 22 | !.vscode/extensions.json 23 | .idea 24 | *.suo 25 | *.ntvs* 26 | *.njsproj 27 | *.sln 28 | *.sw? 29 | -------------------------------------------------------------------------------- /examples/vue/column-pinning/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"] 3 | } 4 | -------------------------------------------------------------------------------- /examples/vue/column-pinning/env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/vue/column-pinning/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite App 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/vue/column-pinning/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/vue/column-pinning/public/favicon.ico -------------------------------------------------------------------------------- /examples/vue/column-pinning/src/env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | 3 | declare module '*.vue' { 4 | import type { DefineComponent } from 'vue' 5 | // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types 6 | const component: DefineComponent<{}, {}, any> 7 | export default component 8 | } 9 | -------------------------------------------------------------------------------- /examples/vue/column-pinning/src/main.ts: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import App from './App.vue' 3 | 4 | createApp(App).mount('#app') 5 | -------------------------------------------------------------------------------- /examples/vue/column-pinning/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()], 7 | }) 8 | -------------------------------------------------------------------------------- /examples/vue/filters/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/vue/filters/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run dev` or `yarn dev` 7 | -------------------------------------------------------------------------------- /examples/vue/filters/env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/vue/filters/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite App 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/vue/filters/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/vue/filters/public/favicon.ico -------------------------------------------------------------------------------- /examples/vue/filters/src/main.ts: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import App from './App.vue' 3 | 4 | createApp(App).mount('#app') 5 | -------------------------------------------------------------------------------- /examples/vue/filters/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()], 7 | }) 8 | -------------------------------------------------------------------------------- /examples/vue/grouping/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/vue/grouping/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run dev` or `yarn dev` 7 | -------------------------------------------------------------------------------- /examples/vue/grouping/env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/vue/grouping/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite App 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/vue/grouping/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/vue/grouping/public/favicon.ico -------------------------------------------------------------------------------- /examples/vue/grouping/src/env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | 3 | declare module '*.vue' { 4 | import type { DefineComponent } from 'vue' 5 | // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types 6 | const component: DefineComponent<{}, {}, any> 7 | export default component 8 | } 9 | -------------------------------------------------------------------------------- /examples/vue/grouping/src/main.ts: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import App from './App.vue' 3 | 4 | createApp(App).mount('#app') 5 | -------------------------------------------------------------------------------- /examples/vue/grouping/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()], 7 | }) 8 | -------------------------------------------------------------------------------- /examples/vue/pagination-controlled/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/vue/pagination-controlled/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run dev` or `yarn dev` 7 | -------------------------------------------------------------------------------- /examples/vue/pagination-controlled/env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/vue/pagination-controlled/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite App 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/vue/pagination-controlled/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/vue/pagination-controlled/public/favicon.ico -------------------------------------------------------------------------------- /examples/vue/pagination-controlled/src/env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | 3 | declare module '*.vue' { 4 | import type { DefineComponent } from 'vue' 5 | // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types 6 | const component: DefineComponent<{}, {}, any> 7 | export default component 8 | } 9 | -------------------------------------------------------------------------------- /examples/vue/pagination-controlled/src/main.ts: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import App from './App.vue' 3 | 4 | createApp(App).mount('#app') 5 | -------------------------------------------------------------------------------- /examples/vue/pagination-controlled/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()], 7 | }) 8 | -------------------------------------------------------------------------------- /examples/vue/pagination/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/vue/pagination/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run dev` or `yarn dev` 7 | -------------------------------------------------------------------------------- /examples/vue/pagination/env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/vue/pagination/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite App 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/vue/pagination/src/env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | 3 | declare module '*.vue' { 4 | import type { DefineComponent } from 'vue' 5 | // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types 6 | const component: DefineComponent<{}, {}, any> 7 | export default component 8 | } 9 | -------------------------------------------------------------------------------- /examples/vue/pagination/src/main.ts: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import App from './App.vue' 3 | 4 | createApp(App).mount('#app') 5 | -------------------------------------------------------------------------------- /examples/vue/pagination/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()], 7 | }) 8 | -------------------------------------------------------------------------------- /examples/vue/row-selection/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/vue/row-selection/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run dev` or `yarn dev` 7 | -------------------------------------------------------------------------------- /examples/vue/row-selection/env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/vue/row-selection/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite App 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/vue/row-selection/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/vue/row-selection/public/favicon.ico -------------------------------------------------------------------------------- /examples/vue/row-selection/src/env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | 3 | declare module '*.vue' { 4 | import type { DefineComponent } from 'vue' 5 | // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types 6 | const component: DefineComponent<{}, {}, any> 7 | export default component 8 | } 9 | -------------------------------------------------------------------------------- /examples/vue/row-selection/src/main.ts: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import App from './App.vue' 3 | 4 | createApp(App).mount('#app') 5 | -------------------------------------------------------------------------------- /examples/vue/row-selection/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | import vueJsx from '@vitejs/plugin-vue-jsx' 4 | 5 | // https://vitejs.dev/config/ 6 | export default defineConfig({ 7 | plugins: [vue(), vueJsx()], 8 | }) 9 | -------------------------------------------------------------------------------- /examples/vue/sorting/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/vue/sorting/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run dev` or `yarn dev` 7 | -------------------------------------------------------------------------------- /examples/vue/sorting/env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/vue/sorting/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite App 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/vue/sorting/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/vue/sorting/public/favicon.ico -------------------------------------------------------------------------------- /examples/vue/sorting/src/env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | 3 | declare module '*.vue' { 4 | import type { DefineComponent } from 'vue' 5 | // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types 6 | const component: DefineComponent<{}, {}, any> 7 | export default component 8 | } 9 | -------------------------------------------------------------------------------- /examples/vue/sorting/src/main.ts: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import App from './App.vue' 3 | 4 | createApp(App).mount('#app') 5 | -------------------------------------------------------------------------------- /examples/vue/sorting/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()], 7 | }) 8 | -------------------------------------------------------------------------------- /examples/vue/sub-components/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/vue/sub-components/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run dev` or `yarn dev` 7 | -------------------------------------------------------------------------------- /examples/vue/sub-components/env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/vue/sub-components/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite App 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/vue/sub-components/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/vue/sub-components/public/favicon.ico -------------------------------------------------------------------------------- /examples/vue/sub-components/src/main.ts: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import App from './App.vue' 3 | 4 | createApp(App).mount('#app') 5 | -------------------------------------------------------------------------------- /examples/vue/sub-components/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()], 7 | }) 8 | -------------------------------------------------------------------------------- /examples/vue/virtualized-rows/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/vue/virtualized-rows/README.md: -------------------------------------------------------------------------------- 1 | # Example 2 | 3 | To run this example: 4 | 5 | - `npm install` or `yarn` 6 | - `npm run dev` or `yarn dev` 7 | -------------------------------------------------------------------------------- /examples/vue/virtualized-rows/env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/vue/virtualized-rows/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite App 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/vue/virtualized-rows/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/examples/vue/virtualized-rows/public/favicon.ico -------------------------------------------------------------------------------- /examples/vue/virtualized-rows/src/env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | 3 | declare module '*.vue' { 4 | import type { DefineComponent } from 'vue' 5 | // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types 6 | const component: DefineComponent<{}, {}, any> 7 | export default component 8 | } 9 | -------------------------------------------------------------------------------- /examples/vue/virtualized-rows/src/main.ts: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import App from './App.vue' 3 | 4 | createApp(App).mount('#app') 5 | -------------------------------------------------------------------------------- /examples/vue/virtualized-rows/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()], 7 | }) 8 | -------------------------------------------------------------------------------- /knip.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://unpkg.com/knip@5/schema.json", 3 | "ignoreDependencies": ["@size-limit/preset-small-lib"], 4 | "ignoreWorkspaces": ["examples/**"], 5 | "workspaces": { 6 | "packages/match-sorter-utils": { 7 | "ignoreDependencies": ["remove-accents"] 8 | }, 9 | "packages/react-table": { 10 | "ignore": ["**/*.notest.*", "**/makeTestData.ts"] 11 | } 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /media/logo.sketch: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/media/logo.sketch -------------------------------------------------------------------------------- /media/repo-header.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TanStack/table/0cc6992c7836489661a0954a2b56e620850ad4da/media/repo-header.png -------------------------------------------------------------------------------- /packages/angular-table/ng-package.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "./node_modules/ng-packagr/ng-package.schema.json", 3 | "dest": "./build/lib", 4 | "lib": { 5 | "entryFile": "src/index.ts" 6 | }, 7 | "deleteDestPath": false, 8 | "allowedNonPeerDependencies": ["@tanstack/table-core"] 9 | } 10 | -------------------------------------------------------------------------------- /packages/angular-table/src/flex-render/context.ts: -------------------------------------------------------------------------------- 1 | import { inject, InjectionToken } from '@angular/core' 2 | 3 | export const FlexRenderComponentProps = new InjectionToken< 4 | NonNullable 5 | >('[@tanstack/angular-table] Flex render component context props') 6 | 7 | export function injectFlexRenderContext>(): T { 8 | return inject(FlexRenderComponentProps) 9 | } 10 | -------------------------------------------------------------------------------- /packages/angular-table/tests/test-setup.ts: -------------------------------------------------------------------------------- 1 | import '@analogjs/vitest-angular/setup-zone' 2 | import '@testing-library/jest-dom/vitest' 3 | 4 | import { 5 | BrowserDynamicTestingModule, 6 | platformBrowserDynamicTesting, 7 | } from '@angular/platform-browser-dynamic/testing' 8 | import { getTestBed } from '@angular/core/testing' 9 | 10 | getTestBed().initTestEnvironment( 11 | BrowserDynamicTestingModule, 12 | platformBrowserDynamicTesting() 13 | ) 14 | -------------------------------------------------------------------------------- /packages/lit-table/rollup.config.mjs: -------------------------------------------------------------------------------- 1 | // @ts-check 2 | 3 | import { defineConfig } from 'rollup' 4 | import { buildConfigs } from '../../scripts/getRollupConfig.js' 5 | 6 | export default defineConfig( 7 | buildConfigs({ 8 | name: 'lit-table', 9 | jsName: 'LitTable', 10 | outputFile: 'index', 11 | entryFile: 'src/index.ts', 12 | external: ['lit', '@tanstack/table-core'], 13 | globals: { 14 | lit: 'Lit', 15 | }, 16 | }) 17 | ) 18 | -------------------------------------------------------------------------------- /packages/lit-table/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "compilerOptions": { 4 | "jsx": "react", 5 | "rootDir": "./src", 6 | "outDir": "./build/lib", 7 | "experimentalDecorators": true, 8 | "emitDecoratorMetadata": true 9 | }, 10 | "include": ["src"] 11 | } 12 | -------------------------------------------------------------------------------- /packages/match-sorter-utils/rollup.config.mjs: -------------------------------------------------------------------------------- 1 | // @ts-check 2 | 3 | import { defineConfig } from 'rollup' 4 | import { buildConfigs } from '../../scripts/getRollupConfig.js' 5 | 6 | export default defineConfig( 7 | buildConfigs({ 8 | name: 'match-sorter-utils', 9 | jsName: 'MatchSorterUtils', 10 | outputFile: 'index', 11 | entryFile: 'src/index.ts', 12 | external: [], 13 | globals: {}, 14 | }) 15 | ) 16 | -------------------------------------------------------------------------------- /packages/match-sorter-utils/tests/test-setup.ts: -------------------------------------------------------------------------------- 1 | import '@testing-library/jest-dom/vitest' 2 | -------------------------------------------------------------------------------- /packages/match-sorter-utils/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "compilerOptions": { 4 | "rootDir": "./src", 5 | "outDir": "./build/lib" 6 | }, 7 | "include": ["src"] 8 | } 9 | -------------------------------------------------------------------------------- /packages/match-sorter-utils/vitest.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vitest/config' 2 | import packageJson from './package.json' 3 | 4 | export default defineConfig({ 5 | test: { 6 | name: packageJson.name, 7 | dir: './tests', 8 | watch: false, 9 | environment: 'jsdom', 10 | setupFiles: ['./tests/test-setup.ts'], 11 | }, 12 | }) 13 | -------------------------------------------------------------------------------- /packages/qwik-table/rollup.config.mjs: -------------------------------------------------------------------------------- 1 | // @ts-check 2 | 3 | import { defineConfig } from 'rollup' 4 | import { buildConfigs } from '../../scripts/getRollupConfig.js' 5 | 6 | export default defineConfig( 7 | buildConfigs({ 8 | name: 'qwik-table', 9 | jsName: 'QwikTable', 10 | outputFile: 'index', 11 | entryFile: 'src/index.tsx', 12 | external: ['@tanstack/table-core', '@builder.io/qwik'], 13 | globals: { 14 | '@builder.io/qwik': 'Qwik', 15 | }, 16 | }) 17 | ) 18 | -------------------------------------------------------------------------------- /packages/qwik-table/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "compilerOptions": { 4 | "jsx": "react-jsx", 5 | "jsxImportSource": "@builder.io/qwik", 6 | "rootDir": "./src", 7 | "outDir": "./build/lib" 8 | }, 9 | "include": ["src"] 10 | } 11 | -------------------------------------------------------------------------------- /packages/react-table-devtools/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "compilerOptions": { 4 | "jsx": "react", 5 | "rootDir": "./src", 6 | "outDir": "./build/lib" 7 | }, 8 | "include": ["src"] 9 | } 10 | -------------------------------------------------------------------------------- /packages/react-table/rollup.config.mjs: -------------------------------------------------------------------------------- 1 | // @ts-check 2 | 3 | import { defineConfig } from 'rollup' 4 | import { buildConfigs } from '../../scripts/getRollupConfig.js' 5 | 6 | export default defineConfig( 7 | buildConfigs({ 8 | name: 'react-table', 9 | jsName: 'ReactTable', 10 | outputFile: 'index', 11 | entryFile: 'src/index.tsx', 12 | external: ['react', '@tanstack/table-core'], 13 | globals: { 14 | react: 'React', 15 | }, 16 | }) 17 | ) 18 | -------------------------------------------------------------------------------- /packages/react-table/tests/test-setup.ts: -------------------------------------------------------------------------------- 1 | import '@testing-library/jest-dom/vitest' 2 | -------------------------------------------------------------------------------- /packages/react-table/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "compilerOptions": { 4 | "jsx": "react", 5 | "rootDir": "./src", 6 | "outDir": "./build/lib" 7 | }, 8 | "include": ["src"] 9 | } 10 | -------------------------------------------------------------------------------- /packages/react-table/vitest.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vitest/config' 2 | import packageJson from './package.json' 3 | 4 | export default defineConfig({ 5 | test: { 6 | name: packageJson.name, 7 | dir: './tests', 8 | watch: false, 9 | environment: 'jsdom', 10 | setupFiles: ['./tests/test-setup.ts'], 11 | globals: true, 12 | }, 13 | }) 14 | -------------------------------------------------------------------------------- /packages/solid-table/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "compilerOptions": { 4 | "jsx": "preserve", 5 | "jsxImportSource": "solid-js", 6 | "rootDir": "./src", 7 | "outDir": "./build/lib" 8 | }, 9 | "include": ["src"] 10 | } 11 | -------------------------------------------------------------------------------- /packages/svelte-table/src/global.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /packages/svelte-table/src/placeholder.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 | {content} 6 | -------------------------------------------------------------------------------- /packages/svelte-table/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "compilerOptions": { 4 | "rootDir": "./src", 5 | "outDir": "./build/lib" 6 | }, 7 | "include": ["src"] 8 | } 9 | -------------------------------------------------------------------------------- /packages/table-core/rollup.config.mjs: -------------------------------------------------------------------------------- 1 | // @ts-check 2 | 3 | import { defineConfig } from 'rollup' 4 | import { buildConfigs } from '../../scripts/getRollupConfig.js' 5 | 6 | export default defineConfig( 7 | buildConfigs({ 8 | name: 'table-core', 9 | jsName: 'TableCore', 10 | outputFile: 'index', 11 | entryFile: 'src/index.ts', 12 | external: [], 13 | globals: {}, 14 | }) 15 | ) 16 | -------------------------------------------------------------------------------- /packages/table-core/src/utils/document.ts: -------------------------------------------------------------------------------- 1 | export function safelyAccessDocument(_document?: Document): Document | null { 2 | return _document || (typeof document !== 'undefined' ? document : null) 3 | } 4 | 5 | export function safelyAccessDocumentEvent(event: Event): Document | null { 6 | return !!event && 7 | !!event.target && 8 | typeof event.target === 'object' && 9 | 'ownerDocument' in event.target 10 | ? (event.target.ownerDocument as Document | null) 11 | : null 12 | } 13 | -------------------------------------------------------------------------------- /packages/table-core/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "compilerOptions": { 4 | "rootDir": "./src", 5 | "outDir": "./build/lib" 6 | }, 7 | "include": ["src/**/*"] 8 | } 9 | -------------------------------------------------------------------------------- /packages/table-core/vitest.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vitest/config' 2 | import packageJson from './package.json' 3 | 4 | export default defineConfig({ 5 | test: { 6 | name: packageJson.name, 7 | dir: './tests', 8 | watch: false, 9 | environment: 'node', 10 | globals: true, 11 | }, 12 | }) 13 | -------------------------------------------------------------------------------- /packages/vue-table/rollup.config.mjs: -------------------------------------------------------------------------------- 1 | // @ts-check 2 | 3 | import { defineConfig } from 'rollup' 4 | import { buildConfigs } from '../../scripts/getRollupConfig.js' 5 | 6 | export default defineConfig( 7 | buildConfigs({ 8 | name: 'vue-table', 9 | jsName: 'VueTable', 10 | outputFile: 'index', 11 | entryFile: 'src/index.ts', 12 | external: ['vue', '@tanstack/table-core'], 13 | globals: { 14 | vue: 'Vue', 15 | }, 16 | }) 17 | ) 18 | -------------------------------------------------------------------------------- /packages/vue-table/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "compilerOptions": { 4 | "rootDir": "./src", 5 | "outDir": "./build/lib" 6 | }, 7 | "include": ["src"] 8 | } 9 | -------------------------------------------------------------------------------- /pnpm-workspace.yaml: -------------------------------------------------------------------------------- 1 | packages: 2 | - 'packages/*' 3 | - 'examples/angular/*' 4 | - 'examples/lit/*' 5 | - 'examples/qwik/*' 6 | - 'examples/react/*' 7 | - 'examples/solid/*' 8 | - 'examples/svelte/*' 9 | - 'examples/vanilla/*' 10 | - 'examples/vue/*' 11 | -------------------------------------------------------------------------------- /prettier.config.cjs: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | printWidth: 80, 3 | tabWidth: 2, 4 | useTabs: false, 5 | semi: false, 6 | singleQuote: true, 7 | trailingComma: 'es5', 8 | bracketSpacing: true, 9 | arrowParens: 'avoid', 10 | endOfLine: 'auto', 11 | plugins: ['prettier-plugin-svelte'], 12 | overrides: [{ files: '*.svelte', options: { parser: 'svelte' } }], 13 | } 14 | -------------------------------------------------------------------------------- /scripts/publish.js: -------------------------------------------------------------------------------- 1 | // @ts-check 2 | 3 | import { publish } from '@tanstack/config/publish' 4 | import { branchConfigs, packages, rootDir } from './config.js' 5 | 6 | await publish({ 7 | branchConfigs, 8 | packages, 9 | rootDir, 10 | branch: process.env.BRANCH, 11 | tag: process.env.TAG, 12 | ghToken: process.env.GH_TOKEN, 13 | }) 14 | 15 | process.exit(0) 16 | -------------------------------------------------------------------------------- /scripts/types.d.ts: -------------------------------------------------------------------------------- 1 | export type Package = { 2 | name: string 3 | packageDir: string 4 | } 5 | 6 | export type BranchConfig = { 7 | prerelease: boolean 8 | previousVersion?: boolean 9 | } 10 | --------------------------------------------------------------------------------