Loading video...
Video Failed to Load
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

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

New example dropped

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

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

@vercel @datadoghq @shadcn @TansTack Thanks Marc 🔥

@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.

@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?

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

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

@vercel @datadoghq @shadcn @TansTack @screenstudio 🐐
