
Data table design examples
A data table displays records in rows and their attributes in columns, so people can scan, compare and act on them. These examples come from dashboards, admin panels and SaaS products.
We curate topical collections around design to inspire you in the design process.
This constantly-updated list featuring what we find on the always-fresh Muzli inventory.
Last update:

From Overwhelming to Intuitive: Effective Data Table Design
Designing the four goals of data tables: a comprehensive guideContinue reading on Muzli - Design Inspiration »

Data table ui

Data table design

Enterprise UX: essential resources to design complex data tables
Responsive & Accessible Data Table
/filters:quality(100)/882b6518-8a74-4312-a7e5-9ae36a41acb8-sre.jpg)
SaaS Table UI

Data table

Data table

Customize Data table

Double Rows in Data Tables
![Search Function [Data Table]](https://layers-uploads-prod.s3.eu-west-2.amazonaws.com/fd20fe0f-8852-4dc2-a68f-2b606db43515-original-ce6f8895c153b30dae88945539515f2d.webp)
Search Function [Data Table]
This is 1% of what Muzli shows you.
Get the rest — fresh design inspiration on every new tab, free.
Add Muzli — free
Data Table UI

Data table view | Light version

Pricing table UI design

Clario - CRM Data Table

Dragon Ball Z Data Table (Vanilla JS)
Hubline: Table Design

Table Design with Bulk Actions

Customer Data Table

Export data table

Data table view

Table UI Kit

Complex Table Design with brixui.com
This is 1% of what Muzli shows you.
Get the rest — fresh design inspiration on every new tab, free.
Add Muzli — free
Sheets Table UI – Construction Management SaaS Web App

Peel is a coffee table design with different layers
Peel is a coffee table design with different layersCoffee tables and side tables have become more than just furniture to place your coffee cup or book on. People expect them to not just...

Issues Table UI – Construction Management SaaS Web App

Ukranian table design brings together nature and sustainability
For anyone passionate about unique furniture and meaningful design, the Barvinok table would be of interest. Created by Anna Baierzdorf and Sergii Baierzdorf, this table is much more than just a piece of décor. Inspired by the periwinkle flower, known as “Barvinok” in Ukrainian, the design is a loving tribute to Ukrainian heritage and nature’s artistry. The periwinkle flower carries deep symbolism in Ukraine, representing transformation, joyful vitality, and the enduring essence of existence. It is considered a herald of spring, signaling new beginnings. This rich meaning is beautifully captured in the Barvinok table’s form. Its top is crafted in the shape of five rounded petals, mirroring the iconic outline of the flower itself. Designers: Anna Baierzdorf and Sergii Baierzdorf The Barvinok table is different because of its mesmerizing color gradient. Each table is made from stainless steel, and the blue hue that cascades down the base is achieved through a special heat treatment process. This technique creates a gradient that resembles the bright, celestial blues found in real periwinkle blossoms. The result is a shimmering, ethereal effect that brings both elegance and vibrancy to any room. Every Barvinok table is hand-polished and fire-finished by skilled artisans in Odesa, Ukraine. The fire treatment not only gives each table a unique pattern but also produces a play of colors that is never repeated. This means that each table is inherently one of a kind, making it a perfect choice for collectors and those looking for something truly special. Durability is another key aspect of the Barvinok table. Made entirely from stainless steel, it is built to last for generations while requiring minimal care. The designers have chosen not to use any additional materials, making each piece 100% recyclable and environmentally responsible. This focus on sustainability is increasingly important for today’s conscious consumers. Each table is stamped with the studio’s hallmark and a unique serial number, and comes with a certificate of authenticity. This attention to detail adds to the sense of exclusivity and collectible value, especially for those who appreciate limited-edition design. The Barvinok table easily fits into a variety of interiors, whether you are looking to add a statement piece to a contemporary setting or bring a touch of artistry to a more classic space. Its sculptural form and brilliant hues make it a conversation starter and a source of inspiration. If you are interested in design that blends cultural meaning, artistry, and sustainability, the Barvinok table by Anna and Sergii Baierzdorf is worth exploring. It offers a unique way to bring the beauty of Ukrainian heritage and the essence of spring into your home. The post Ukranian table design brings together nature and sustainability first appeared on Yanko Design.
Nested Table UI for Business Management Teams

Hard Surface surgery table design by Jakhangir Zeynalov
Did this hard surface surgery table design as part of my self education with awesome artist and great mentor Sasha Plekhanov! Many thanx to Sasha for his amazing feedbacks and for his patience!!!!!! Also please check out Sasha's portfolio he has super awesome works!!!!!! https://www.artstation.com/seesha

Data table (sneak peek)

Logs Table UI 📜

Curious Couch Concept Sparks Conversation with Awkward Side Table Design
Furniture design often walks a fine line between function and form, with couches usually settling into safe, inviting shapes. After all, sofas are made for relaxation, and their shapes tend to echo that sense of comfort. But what happens when a designer throws a little visual tension into the mix, something that stops you in your tracks and makes you look twice? That’s exactly what this concept couch dares to do. From a distance, it might look like the perfect spot to flop down with a book or cup of tea. But then you spot it: a small wooden side table, seemingly wedged right through the plush backrest like an object that’s gotten stuck mid-motion. The arrangement is both amusing and a bit unsettling, tempting you to investigate further. Designer: Dmitry Kozinenko Most loungers need a spot to set down a drink, snack, or phone, which is why tables, big or small, often accompany couches. The twist here is that the table isn’t next to the sofa; it’s awkwardly inserted into the backrest, splitting the cylindrical cushion like a zipper caught halfway. There’s no denying it’s practical, but the positioning also disrupts the usual flow of the furniture. This strange placement tugs at something buried deep in our brains. Humans are wired to want things completed or at rest, and when that doesn’t happen, it creates a low-key tension that’s hard to ignore. The Stuck collection concept plays on that mental itch, drawing the eye and keeping your curiosity buzzing. You half-expect the side table to keep sliding, or to snap back where it came from. Rather than blend seamlessly with the couch, the table feels like it’s intruding, as if the piece were caught in the middle of transforming or breaking apart. The combination of soft fabric and hard wood, of steady seat and seemingly stuck side table, creates a delightful contrast that keeps you thinking long after you’ve walked away. Furniture designers looking for inspiration might find the Stuck concept both playful and provocative. It’s a reminder that a dash of awkwardness can transform a familiar form into a statement piece. By introducing a visual puzzle, this couch-and-table duo promises to spark conversation and maybe even a little bit of healthy debate wherever it lands. The post Curious Couch Concept Sparks Conversation with Awkward Side Table Design first appeared on Yanko Design.

Data table and filters

Complex Data Table(Dark Mode) with brixui.com

table design minimal awesome
This is 1% of what Muzli shows you.
Get the rest — fresh design inspiration on every new tab, free.
Add Muzli — free
Collapsible left-sidebars and width-resizable data table columns (Dark & light mode).

stool wood sit table design

Steam Bent Table | Design Milk #bent #wood #metal #table #ply

Large data table
This is actual html/css for our large data table ui. A repeatable pattern for multiple tables.

Pricing table design

Data Table Filter

DEUTSCHE & JAPANER - Creative Studio - euro table #design #wood #interior #glas

This cat-centered table design features a cavity and hidden shelf for your pets to perch while you WFH!
This cat-centered table design features a cavity and hidden shelf for your pets to perch while you WFH!Japanese furniture company Dinos designed a table with a center cavity and hidden perching shelf so your cat can poke its head through and spend the...

Data Table Dashboard Ui Design

walnut table design by luis luna #interior #walnut #design #wood #furniture #table

Course History table UI

Customer account drawer/slider for a CRM table UI (Width-resizable).
This is 1% of what Muzli shows you.
Get the rest — fresh design inspiration on every new tab, free.
Add Muzli — free
Pricing Table UI Design | Boardme
Visit my Website for more designs!

Table UI
WIP 🚧

Responsive Data Tables
An illustration created as a hero image for @[117966:Michał Jarosz]’s article on responsive data tables. Seriously worth a read, you can find it on medium -- We're hiring a UX/UI Designer in Warsaw! Get in touch: hello@appnroll.com

Nested Data Table
If objects in a data table are particularly complicated, it might make sense to allow the user to view child-level details of a single object row by expanding it vertically. Learn more here: https://www.designencyclopedia.io/element/data-table

Pricing Table UI

#Pricing Table Design
Pricing Plans Design on our ThemeForest projects. This project coming soon. Hope you like this project. Thanks for Watching...!!! Available for Projects, Full-time position! aahatakter@gmail.com See More Project On: Behance - Instagram - Dribbble

Basic UX tricks for big data tables. Part 2

Data table - Banking app

Table Ui template for Material X design system
Figma Material X UI kit A library of components from the nearest future beyond material design 900+ components in the design system powered by Auto-layout. Available as local ready-to-use UI library — Purchase, download, Import and publish for your team 31 categories: Accordions, App bars, Badges, Buttons, Calendars, Cards, Chips, Colors, Dialogs, Empty states, Headers, Inputs, Typography, Lists, Menus, Multiselect, Navigation, Pickers, Segments, Sliders, Snack bars, Tabs, Tables, Tab bars, Tooltips and more... Purchase commercial UI kits to save time and human resources 🏃♂️💨 🔗 Visit website 🔒 Preview in Figma 💳 Purchase for $98+

Enhanced Data Tables | IBM
Data Tables are some of the most adopted components in IBM products, and present great opportunities for motion that leads user interaction. They also have enormous variation and complexity in their implementation, which is the primary design challenge when attempting to introduce motion.We built a practical reference to drive real-world implementation, designed around existing functionality but also to imagine new features.

Adjustable Smart Table Design With Ambient LED Lighting: TableAir #office #home #workspace #lighting #led

Data Table
WIP shot from a recent project.
This is 1% of what Muzli shows you.
Get the rest — fresh design inspiration on every new tab, free.
Add Muzli — free
Data Table
Get access to thousands of freshly updated design inspiration pieces by adding Muzli to your browser.
Loved by 900k designers worldwide, Muzli is the leading go-to browser extension for creative professionals.
What is a data table in UI design?
A data table shows a set of records as rows and their attributes as columns. It is the default way to present anything a user needs to scan, compare, sort or edit in bulk: orders, users, transactions, logs. A good table lets people find one row quickly and act on many rows at once.
What makes a table easy to read?
Left-align text and right-align numbers, so digits line up for comparison. Keep the header visible while the table scrolls. Separate rows with spacing and light dividers, not heavy grid lines. Put the identifying column first and freeze it when the table scrolls sideways. Shorten long values and show the full text on hover or in a detail view.
Pagination or infinite scroll for tables?
Pagination suits tables people work through or return to, because a page number is a place they can come back to. Infinite scroll suits logs and feeds that are read once from the top. For large data sets, add filters and search before adding more rows per page.
Where do these table examples come from?
About half are tables from shipped products documented by Mobbin. The rest are table designs published on Layers and Dribbble. Muzli follows more than 200 design sources and lists up to 60 matching pieces here, favouring recent work.