Data tables display data in a grid-like format of rows and columns. They organize data in a way that’s easy to scan, so that users can look for patterns and insights.
In this page
Expedia UDS Data Tables
We are embarking on redesiging all tables in Classic Assist with the adoption of the design principles of Expedia's UDS.
- Incorporate the UDS guidelines into data tables.
- Build the data tables in Figma.
- Create wireframes for overall study.
Data tables organize information across:
- Columns header names
This projects is the first of many to adopt the BEXG and UDS strategy. The table designs have been created in Figma,
Figma: Data Tables
Important to follow the guidelines of UDS spacing
This shows the overall CSS Specifications of the data table
Important to use the UDS Components - this shows the names of each component
Data table responsive
Responsive Data Table