Table

What is the best way to show the long grid/table in mobile app?

What is the best way to show the long grid/table in mobile app?
  1. How to fit a wide data table on mobile screens without losing its purpose and readability?
  2. What is grid tables?
  3. Is a grid the same as a 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 is grid tables?

A grid table contains a set of data that is structured in rows and columns. It allows the user to scroll in both directions and can handle large numbers of items and columns.

Is a grid the same as a table?

In its most basic form, a data grid could be seen as a table - data represented in rows and columns. Differences start already at basic functionality, like scrolling. While a table would not offer much more than a sticky header, usually showing the column definitions, the data grid can be much more sophisticated.

Using aria-describedby not and a screenreader only element not read out [closed]
Do screen readers read aria-label?How do I make something only visible to screen readers?How do I hide content from screen reader?Do all screen reade...
Agree to Terms and Conditions, Privacy
What does I agree to the terms and conditions and Privacy Policy?What happens if you agree to terms and conditions?Do users have to agree to Privacy ...
Should expired payment methods be automatically deleted?
Why wont Google let me remove my payment method? Why wont Google let me remove my payment method?If you have only one payment method on the Google p...