Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Data table with sticky columns. Built with TANSTACK ✨

pacovitiello's profile picture

Pasquale Vitiello

12,231 subscribers

83,103 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche 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 Aufrufe • vor 7 Monaten

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

58,245 Aufrufe • vor 7 Monaten

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 Aufrufe • vor 10 Monaten

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,963 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 6 Monaten

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 Aufrufe • vor 1 Jahr

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,604 Aufrufe • vor 1 Jahr

Good morning guys ✨ Let's have a great day!! Built with Claude
0:10

Good morning guys ✨ Let's have a great day!! Built with Claude

Kems designs / Designer 🌸

12,852 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 5 Monaten

#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 Aufrufe • vor 1 Jahr

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🦈💦

883,950 Aufrufe • vor 4 Monaten

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

260509 #XNGHAN ‘Sticky’ challenge with NCT WISH SION

XngHan&Xoul archive

43,839 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 10 Monaten

Trust isn't built with words—it's built with actions. 💯🤝
0:11

Trust isn't built with words—it's built with actions. 💯🤝

Nusrat

15,327 Aufrufe • vor 1 Monat

Multiple data app with Vibe Coding Data Experience
0:10

Multiple data app with Vibe Coding Data Experience

Slava

26,615 Aufrufe • vor 2 Monaten

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,287 Aufrufe • vor 2 Jahren

A table inlaid with amethyst.
0:18

A table inlaid with amethyst.

The Figen

69,396 Aufrufe • vor 9 Monaten