since the android screen is small to show a table with 10+ columns so, I was wondering what is the best approach to show this kind of table according to material design guidlines The data from website that should be shown in android looks like this:

enter image description here

  • JonW I would suggest that mobile is pretty different to desktop. – Lisa Tweedie Jul 5 '18 at 13:27
  • @LisaTweedie True, however all of the answers in that question are also fair suggestions for a mobile device. For example, your answer is pretty similar to this one and this one found on the other question. – maxathousand Jul 5 '18 at 19:24
  • I design for mobile and desktop and they really are very different design experiences. I think it is valuable to have questions focused specifically around mobile UX – Lisa Tweedie Jul 6 '18 at 8:58

Well remember that you can go landscape to give you more width for columns.

You could also give users options for which columns to view and hide.

The other option is to pick a few summary columns and then provide an accordion so that they can open up more details on a card on a particular row. This fits in quite well with the material design "look".

Table balsamiq

| improve this answer | |
  • I have included a screenshot of what will be shown in my apk. Does this design applies to what you have mentioned here? – Ali Habbash Jul 5 '18 at 12:52
  • Well do you think it is. Have a look at some of the other answers and the question JonW referenced. – Lisa Tweedie Jul 5 '18 at 13:27

Not the answer you're looking for? Browse other questions tagged or ask your own question.