Loading video...

Video Failed to Load

Go Home

Improved data-table demo: ◆ cmdk filter (incl. last suggestions) ◆ collapsible controls side panel ◆ filter types: input, checkboxes, slider, timerange ◆ incl. searchparams → Inspired by Vercel & Datadog, Inc., powered by shadcn ui & @tanstack table

111,212 views • 1 year ago •via X (Twitter)

10 Comments

Maximilian Kaske 🏓's profile picture
Maximilian Kaske 🏓1 year ago

It is still work in progress: ◆ use nuqs for searchparams ◆ use timerange type in cmdk ◆ use async data on new search ◆ bug fixes

Maximilian Kaske 🏓's profile picture
Maximilian Kaske 🏓1 year ago

New example dropped

nnft's profile picture
nnft1 year ago

@tannerlinsley @vercel @datadoghq @shadcn @TansTack Which browser is that black frame?

Marc Seitz — oss/acc's profile picture
Marc Seitz — oss/acc1 year ago

@vercel @datadoghq @shadcn @TansTack Wow what a sick table! You knocked it out of the park 💪

Maximilian Kaske 🏓's profile picture
Maximilian Kaske 🏓1 year ago

@vercel @datadoghq @shadcn @TansTack Thanks Marc 🔥

Jon Kurtis ⚡'s profile picture
Jon Kurtis ⚡1 year ago

@vercel @datadoghq @shadcn @TansTack Nice work. Been working on my own table component for a while now with a lot of inspiration from @pontusab @middayai and @supabase . Will add this to my list of examples to look at.

Harsh Maur's profile picture
Harsh Maur1 year ago

@vercel @datadoghq @shadcn @TansTack Using cmdk for search is such a nice idea. Never thought about it! Btw, is simple global search not working intentionally?

Maximilian Kaske 🏓's profile picture
Maximilian Kaske 🏓1 year ago

@vercel @datadoghq @shadcn @TansTack Yep! Global search is deactivated to keep the ‘filter:query’ behavior. So ‘filter:’ will automatically display only the possible queries.

Adjie's profile picture
Adjie1 year ago

@vercel @datadoghq @shadcn @TansTack The video is nice, how do you record? Thanks

Maximilian Kaske 🏓's profile picture
Maximilian Kaske 🏓1 year ago

@vercel @datadoghq @shadcn @TansTack @screenstudio 🐐

Related Videos