Loading video...

Video Failed to Load

Go Home

Data table with sticky columns. Built with TANSTACK ✨

pacovitiello's profile picture

Pasquale Vitiello

12,231 subscribers

83,103 views • 1 year ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Responsive table with resizable columns using HTML, CSS and JavaScript 🚀 Code in the comments 🧑‍💻
0:16

Responsive table with resizable columns using HTML, CSS and JavaScript 🚀 Code in the comments 🧑‍💻

David Mráz

13,821 views • 5 months ago

the perfect table, now: - Sortable & resizable - Ultra performant with virtualization - Hide columns - 1-1 Skeleton - Fully SSR using cookies
0:19

the perfect table, now: - Sortable & resizable - Ultra performant with virtualization - Hide columns - 1-1 Skeleton - Fully SSR using cookies

Pontus Abrahamsson — oss/acc

58,192 views • 5 months ago

spreadsheet + ai. 8 months of building with AI SDK shadcn TANSTACK @cursor Vercel
0:19

spreadsheet + ai. 8 months of building with AI SDK shadcn TANSTACK @cursor Vercel

kyzo

99,208 views • 8 months ago

Is this the same Emmanuella we built with our data bundles or this na different girl ? 🫣😂
0:12

Is this the same Emmanuella we built with our data bundles or this na different girl ? 🫣😂

Unruly King 👑

457,952 views • 11 months ago

Processing and indexing the web is no small task. Heterogenous content, varying update frequency, compounding derived artifacts, sheer volume. I wrote about our internal data framework exa-d that handles this scaled complexity: exa-d organizes data as typed columns with explicit dependencies. Missing or stale columns signal what needs computation, the system computes only what is necessary and converges deterministically on correct state.
0:15

Processing and indexing the web is no small task. Heterogenous content, varying update frequency, compounding derived artifacts, sheer volume. I wrote about our internal data framework exa-d that handles this scaled complexity: exa-d organizes data as typed columns with explicit dependencies. Missing or stale columns signal what needs computation, the system computes only what is necessary and converges deterministically on correct state.

Nitya Sridhar

17,345 views • 4 months ago

The best way to handle responsive tables: ◇ Measure width and add scroll ◇ Sticky columns for context ◇ Pagination ◇ Keyboard (Arrow left/right)
0:13

The best way to handle responsive tables: ◇ Measure width and add scroll ◇ Sticky columns for context ◇ Pagination ◇ Keyboard (Arrow left/right)

Pontus Abrahamsson — oss/acc

36,973 views • 11 months ago

Nuxt UI v3.0.0-alpha.7 is out! 🎉 - Table component powered by TANSTACK Table - Avatar support added to Button, Input, Select, etc. - NavigationMenu vertical supports collapsible items - Checkbox items available in DropdownMenu and ContextMenu
0:19

Nuxt UI v3.0.0-alpha.7 is out! 🎉 - Table component powered by TANSTACK Table - Avatar support added to Button, Input, Select, etc. - NavigationMenu vertical supports collapsible items - Checkbox items available in DropdownMenu and ContextMenu

Benjamin Canac

28,578 views • 1 year ago

Loading state visualization for menus, built with bazza/ui Menu ⁽¹⁾ and TANSTACK Query: ⊙ First fetch: default loading spinner ⊙ Re-fetch: show cached data + inline spinner in the input It makes two different states obvious to the user: "We have nothing yet" vs. "here's what we have, but we're checking for updates." ⁽¹⁾ Releasing a preview soon. Hop in to the bazza/ui Discord for access:
0:11

Loading state visualization for menus, built with bazza/ui Menu ⁽¹⁾ and TANSTACK Query: ⊙ First fetch: default loading spinner ⊙ Re-fetch: show cached data + inline spinner in the input It makes two different states obvious to the user: "We have nothing yet" vs. "here's what we have, but we're checking for updates." ⁽¹⁾ Releasing a preview soon. Hop in to the bazza/ui Discord for access:

kian bazza

17,279 views • 3 months ago

They built an entire building with furnished apartments in Pokémon Pokopia 🏢✨
0:15

They built an entire building with furnished apartments in Pokémon Pokopia 🏢✨

MAGIKARP🦈💦

882,897 views • 2 months ago

#FARTCOIN Fartcoin💨 $TOSHI Macintoshi $ANON Hey Anon Are the top agents (mcap >150M) with the strongest mindshare and market cap correlation. data: $COOKIE-gated → Built with s4mmy
0:16

#FARTCOIN Fartcoin💨 $TOSHI Macintoshi $ANON Hey Anon Are the top agents (mcap >150M) with the strongest mindshare and market cap correlation. data: $COOKIE-gated → Built with s4mmy

Cookie DAO 🍪

40,411 views • 1 year ago

260509 #XNGHAN ‘Sticky’ challenge with NCT WISH SION
0:18

260509 #XNGHAN ‘Sticky’ challenge with NCT WISH SION

XngHan&Xoul archive

43,513 views • 29 days ago

Kicking off the week with speed ⚡️ Sonic is officially live on Covalent! One of the fastest chains ever built is now fully integrated with our sub-second Data Co-Processor.
0:18

Kicking off the week with speed ⚡️ Sonic is officially live on Covalent! One of the fastest chains ever built is now fully integrated with our sub-second Data Co-Processor.

Covalent

75,484 views • 9 months ago

Multiple data app with Vibe Coding Data Experience
0:10

Multiple data app with Vibe Coding Data Experience

Slava

26,392 views • 1 month ago

Coffee table design with fridge
0:10

Coffee table design with fridge

Science girl

80,370 views • 1 year ago

A table inlaid with amethyst.
0:18

A table inlaid with amethyst.

The Figen

69,384 views • 7 months ago

Tanstack form + query = 🤯
0:11

Tanstack form + query = 🤯

MrPotato | Lynkfire

56,578 views • 11 months ago

Nice opportunity for transitioning CSS grid columns with :has() && linear() 🤙 label { --selected: 0; grid-template-columns: auto calc(var(--selected) * 20px); } label svg { opacity: var(--selected); } label:has(:checked) { --selected: 1; }
0:19

Nice opportunity for transitioning CSS grid columns with :has() && linear() 🤙 label { --selected: 0; grid-template-columns: auto calc(var(--selected) * 20px); } label svg { opacity: var(--selected); } label:has(:checked) { --selected: 1; }

jhey ʕ•ᴥ•ʔ

225,147 views • 1 year ago

🇮🇷🇮🇱 IRANIAN ATTACK: 8-story building in Herzliya with heavy smoke columns rising, presumably was hit. 1/
0:11

🇮🇷🇮🇱 IRANIAN ATTACK: 8-story building in Herzliya with heavy smoke columns rising, presumably was hit. 1/

Lord Bebo

313,716 views • 11 months ago