This site is being redesigned as part of our AI & Design Systems course. Sign up to watch me wield AI and design systems to bring it to life, and learn how to apply these concepts and practical tactics to your team’s work.

Design Better Data Tables

This is a fantastic roundup of data display patterns. In my own work creating design systems with huge organizations, we've found providing data tables with plenty of options to be critical to the system's success. Some of these patterns are variations on the table itself (i.e. table--condensed), but others involve the data table interacting with other UI components. We found atomic design to provide a helpful language to help us navigate the thorniness of creating effective data table patterns within our design systems. *[DETAILS]: Device, Environment, Time, Activity, Individual, Location, Social *[RESS]: Responsive Design with Server-Side Components *[CMS]: Content Management System *[GUI]: Graphical User Interface

Brad Frost Hey there! Brad Frost brad@bradfrost.com

I'm Brad Frost, an independent creator, web designer & developer, teacher, speaker, writer, musician, and artist based in Pittsburgh, PA.

Check out my courses AI & Design Systems course Atomic Design Certification Course Subatomic: The Complete Guide to Design Tokens course Get my newsletter

I like connecting with people directly without algorithms and machines getting in the way, and my newsletter helps me do that. Subscribe to get my latest thinking and interesting links about design, technology, music, art, creativity, and some random fun along the way.

Around the web