Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

docs(angular): add editable, row-dnd and performant column resizing example #5881

Merged

Conversation

riccardoperra
Copy link
Collaborator

@riccardoperra riccardoperra commented Jan 20, 2025

I've added three new examples for angular:

  • Editable data
  • Row dnd (using official angular/cdk/drag-drop)
  • Performant column resizing (like the react example)

Copy link

nx-cloud bot commented Jan 20, 2025

View your CI Pipeline Execution ↗ for commit e9fe122.

Command Status Duration Result
nx affected --targets=test:format,test:sherif,t... ✅ Succeeded 1m 51s View ↗
nx run-many --targets=build --exclude=examples/** ✅ Succeeded 35s View ↗

☁️ Nx Cloud last updated this comment at 2025-01-20 20:50:55 UTC

@riccardoperra riccardoperra force-pushed the tanstack_table_angular_examples branch from 9a4a8cf to 28c124b Compare January 20, 2025 19:50
Copy link

pkg-pr-new bot commented Jan 20, 2025

Open in Stackblitz

More templates

@tanstack/angular-table

npm i https://pkg.pr.new/@tanstack/angular-table@5881

@tanstack/lit-table

npm i https://pkg.pr.new/@tanstack/lit-table@5881

@tanstack/qwik-table

npm i https://pkg.pr.new/@tanstack/qwik-table@5881

@tanstack/react-table

npm i https://pkg.pr.new/@tanstack/react-table@5881

@tanstack/match-sorter-utils

npm i https://pkg.pr.new/@tanstack/match-sorter-utils@5881

@tanstack/react-table-devtools

npm i https://pkg.pr.new/@tanstack/react-table-devtools@5881

@tanstack/solid-table

npm i https://pkg.pr.new/@tanstack/solid-table@5881

@tanstack/svelte-table

npm i https://pkg.pr.new/@tanstack/svelte-table@5881

@tanstack/table-core

npm i https://pkg.pr.new/@tanstack/table-core@5881

@tanstack/vue-table

npm i https://pkg.pr.new/@tanstack/vue-table@5881

commit: e9fe122

@riccardoperra riccardoperra changed the title docs(angular): add editable and row-dnd example docs(angular): add editable, row-dnd and performant column resizing example Jan 20, 2025
@riccardoperra
Copy link
Collaborator Author

@KevinVandy pr ready 😄

@KevinVandy KevinVandy merged commit 0baabdd into TanStack:main Jan 21, 2025
5 checks passed
@KevinVandy
Copy link
Member

@riccardoperra looks like some faker deps were missing

@riccardoperra
Copy link
Collaborator Author

@KevinVandy just opened a new pr 😄 I always forget that stackblitz examples are isolated

riccardoperra added a commit to riccardoperra/table that referenced this pull request Feb 3, 2025
…xample (TanStack#5881)

* add editable cell example

* add editable cell example

* row dnd exmaple

* revert basic

* ci: apply automated fixes

* column resizing performant example

* fix

* fix budgets

* ci: apply automated fixes

* typo

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

(cherry picked from commit 0baabdd)
KevinVandy added a commit that referenced this pull request Feb 10, 2025
* feat(angular-table): Refactor Flex render implementation - Zoneless, Better type safety, allows reactive values into cell content, re-render when cell context changes, allow to pass signal inputs into custom components (#5856)

* feat: flex render granular updates

* updates

* cleanup

* cleanup

* cleanup

* fix test

* angular add explicit version of typescript

* Fix typescript versions

* add some testing for flex render in table

* fix test infra

* refactor flex render

* update lock

* fix tests, cleanup code

* fix tests, cleanup code

* flex render signal content support

* flex render signal content support

* improve view flags, handle state update in zoneless

* improve view flags, handle state update in zoneless

* fix

* ci: apply automated fixes

* clean docs
test
fix doc
add flexRenderComponent util

* test cases

* fix: enable computed rowModels

* fix test for rowModel

* assures that `updateProps` update inputs only for Component reference type

* Merge pull request #1 from riccardoperra/feat/angular-flex-render-support-output-binding

add support for angular outputs in flex-render-component

---------

Co-authored-by: Lachlan Collins <[email protected]>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

* release: v8.21.0

* docs(angular): add editable, row-dnd and performant column resizing example (#5881)

* add editable cell example

* add editable cell example

* row dnd exmaple

* revert basic

* ci: apply automated fixes

* column resizing performant example

* fix

* fix budgets

* ci: apply automated fixes

* typo

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

* docs(angular): add missing faker-js deps (#5883)

* fix(lit-table): dynamic data updates in the Lit Table Adapter (#5884)

* this fixes an issue I discussed in discord where with the lit table
adapter, updating a data array did not get reflected by the table.

It is a one-line change to the TableController, and a new example that
demonstrates the difference.

* Update packages/lit-table/src/index.ts

per suggestion from @kadoshms

Co-authored-by: Mor Kadosh <[email protected]>

---------

Co-authored-by: Luke Schierer <[email protected]>
Co-authored-by: Mor Kadosh <[email protected]>

* docs: add experimental virtualization example (#5895)

* docs: add experimental virtualization example

* work on experimental virtualized column examples

---------

Co-authored-by: Kevin Van Cott <[email protected]>

* release: v8.21.1

* docs: example name

* docs(angular): add expanding and sub components examples (#5898)

* docs(angular): add expanding example

* docs(angular): add sub components example

* docs(angular): fix config.json

* fix conflicts in lit package

* remove angular package non-fesm export

* since angular 19, ng-packgr only bundle a `fesm2022` export

* docs: exp virtual - remeasure when table state changes

* docs: virtualizer tbody from onchange

* update all angular examples

* fix conflicts in examples/react

* ci: apply automated fixes

* fix tests

* ci: apply automated fixes

* fix tests

* ci: apply automated fixes

* angular: update vite config to support vitest workspaces

* docs(angular): fix examples

* ci: apply automated fixes

---------

Co-authored-by: Lachlan Collins <[email protected]>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Co-authored-by: Tanner Linsley <[email protected]>
Co-authored-by: Luke Schierer <[email protected]>
Co-authored-by: Luke Schierer <[email protected]>
Co-authored-by: Mor Kadosh <[email protected]>
Co-authored-by: Kevin Van Cott <[email protected]>
Co-authored-by: Kevin Van Cott <[email protected]>
KevinVandy added a commit that referenced this pull request Feb 17, 2025
* feat(angular-table): Refactor Flex render implementation - Zoneless, Better type safety, allows reactive values into cell content, re-render when cell context changes, allow to pass signal inputs into custom components (#5856)

* feat: flex render granular updates

* updates

* cleanup

* cleanup

* cleanup

* fix test

* angular add explicit version of typescript

* Fix typescript versions

* add some testing for flex render in table

* fix test infra

* refactor flex render

* update lock

* fix tests, cleanup code

* fix tests, cleanup code

* flex render signal content support

* flex render signal content support

* improve view flags, handle state update in zoneless

* improve view flags, handle state update in zoneless

* fix

* ci: apply automated fixes

* clean docs
test
fix doc
add flexRenderComponent util

* test cases

* fix: enable computed rowModels

* fix test for rowModel

* assures that `updateProps` update inputs only for Component reference type

* Merge pull request #1 from riccardoperra/feat/angular-flex-render-support-output-binding

add support for angular outputs in flex-render-component

---------

Co-authored-by: Lachlan Collins <[email protected]>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

* release: v8.21.0

* docs(angular): add editable, row-dnd and performant column resizing example (#5881)

* add editable cell example

* add editable cell example

* row dnd exmaple

* revert basic

* ci: apply automated fixes

* column resizing performant example

* fix

* fix budgets

* ci: apply automated fixes

* typo

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

* docs(angular): add missing faker-js deps (#5883)

* fix(lit-table): dynamic data updates in the Lit Table Adapter (#5884)

* this fixes an issue I discussed in discord where with the lit table
adapter, updating a data array did not get reflected by the table.

It is a one-line change to the TableController, and a new example that
demonstrates the difference.

* Update packages/lit-table/src/index.ts

per suggestion from @kadoshms

Co-authored-by: Mor Kadosh <[email protected]>

---------

Co-authored-by: Luke Schierer <[email protected]>
Co-authored-by: Mor Kadosh <[email protected]>

* docs: add experimental virtualization example (#5895)

* docs: add experimental virtualization example

* work on experimental virtualized column examples

---------

Co-authored-by: Kevin Van Cott <[email protected]>

* release: v8.21.1

* docs: example name

* docs(angular): add expanding and sub components examples (#5898)

* docs(angular): add expanding example

* docs(angular): add sub components example

* docs(angular): fix config.json

* fix conflicts in lit package

* remove angular package non-fesm export

* since angular 19, ng-packgr only bundle a `fesm2022` export

* docs: exp virtual - remeasure when table state changes

* docs: virtualizer tbody from onchange

* update all angular examples

* fix conflicts in examples/react

* ci: apply automated fixes

* fix tests

* ci: apply automated fixes

* fix tests

* ci: apply automated fixes

* angular: update vite config to support vitest workspaces

* init shadcn example

---------

Co-authored-by: Riccardo Perra <[email protected]>
Co-authored-by: Lachlan Collins <[email protected]>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Co-authored-by: Tanner Linsley <[email protected]>
Co-authored-by: Riccardo Perra <[email protected]>
Co-authored-by: Luke Schierer <[email protected]>
Co-authored-by: Luke Schierer <[email protected]>
Co-authored-by: Mor Kadosh <[email protected]>
Co-authored-by: Kevin Van Cott <[email protected]>
Co-authored-by: Kevin Van Cott <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants