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 5 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 — oss/acc

58,192 Aufrufe • vor 5 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 8 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,952 Aufrufe • vor 11 Monaten

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 4 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 11 Monaten

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

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 3 Monaten

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

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

260509 #XNGHAN ‘Sticky’ challenge with NCT WISH SION

XngHan&Xoul archive

43,513 Aufrufe • vor 29 Tagen

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 9 Monaten

Multiple data app with Vibe Coding Data Experience
0:10

Multiple data app with Vibe Coding Data Experience

Slava

26,392 Aufrufe • vor 1 Monat

Coffee table design with fridge
0:10

Coffee table design with fridge

Science girl

80,370 Aufrufe • vor 1 Jahr

A table inlaid with amethyst.
0:18

A table inlaid with amethyst.

The Figen

69,384 Aufrufe • vor 7 Monaten

Tanstack form + query = 🤯
0:11

Tanstack form + query = 🤯

MrPotato | Lynkfire

56,578 Aufrufe • vor 11 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,147 Aufrufe • vor 1 Jahr

🇮🇷🇮🇱 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 Aufrufe • vor 11 Monaten