Table

Complex tables UX

Complex tables UX
  1. What is a complex table?
  2. How to fit a wide data table on mobile screens without losing its purpose and readability?
  3. What some alternative ways to present tabular data instead of the standard table in the UI?

What is a complex table?

A complex table (CT) is a two-dimensional representation of a business object with a single table of multiple columns. Despite its name, a complex table is a flat table. It is considered "complex" only in relation to a data table.

How to fit a wide data table on mobile screens without losing its purpose and readability?

Use Smaller Type

Using smaller text should actually make tables more readable because it provides enough room for the content to fit well. Many try to get as much content into a table as possible, but if you use large text, you'll have to take that space from margins and padding, which would reduce readability.

What some alternative ways to present tabular data instead of the standard table in the UI?

Also another method would be to use graphical elements like Pie Charts, graph bars etc.

Check box and radio button - hover and focus states
Should radio buttons have a hover state?What is the main difference between a radio button and check box?Which method returns the state of the checkb...
Should indeterminate progress indicators distinguish between progress / lack of progress?
When can we use determinate and indeterminate for the progress bar?Which of the following component are circular indicators of progress and activity?...
Web App Main Menu Should Contain All Commands
Why is it recommended to use line separators while formatting menus?What are menus in user interface design?What is menu in ICT? Why is it recommend...