Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Data table with sticky columns. Built with TANSTACK ✨

pacovitiello's profile picture

Pasquale Vitiello

12,231 subscribers

83,103 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 5 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 11 ay önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 11 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 2 ay önce

#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 görüntüleme • 1 yıl önce

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

260509 #XNGHAN ‘Sticky’ challenge with NCT WISH SION

XngHan&Xoul archive

43,513 görüntüleme • 29 gün önce

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 görüntüleme • 9 ay önce

Multiple data app with Vibe Coding Data Experience
0:10

Multiple data app with Vibe Coding Data Experience

Slava

26,392 görüntüleme • 1 ay önce

Coffee table design with fridge
0:10

Coffee table design with fridge

Science girl

80,370 görüntüleme • 1 yıl önce

A table inlaid with amethyst.
0:18

A table inlaid with amethyst.

The Figen

69,384 görüntüleme • 7 ay önce

Tanstack form + query = 🤯
0:11

Tanstack form + query = 🤯

MrPotato | Lynkfire

56,578 görüntüleme • 11 ay önce

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 görüntüleme • 1 yıl önce

🇮🇷🇮🇱 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 görüntüleme • 11 ay önce