How best to Depict tabular data in mobile app ?

How best to Depict tabular data in mobile app ?

  

I'm new building mobile apps in Outsystems 

In the mobile dev toolbox there is NO Grid or Table Widget .... what is the recommended widget to use instead ? 

Hello Omran,

Remember the Table Records in Web Applications? Remember what happens to it when in a mobile? It becomes a simple List with items as accordions.

There isn't a "table records" in mobile because you shouldn't use tables in mobile. ;)
It creates (mosto of the time) bad user experience.

So, instead of using a table to show your data, you can use a list, for example. Think of showing only the really essential in the Item, not in a "columns" format, but more in a "card" format, if necessary. Something like this:

https://www.google.com/intl/en_us/mail/help/images/mobile-phone.png 

Cheers,
Eduardo Jauch

Eduardo Jauch wrote:

Hello Omran,

Remember the Table Records in Web Applications? Remember what happens to it when in a mobile? It becomes a simple List with items as accordions.

There isn't a "table records" in mobile because you shouldn't use tables in mobile. ;)
It creates (mosto of the time) bad user experience.

So, instead of using a table to show your data, you can use a list, for example. Think of showing only the really essential in the Item, not in a "columns" format, but more in a "card" format, if necessary. Something like this:

https://www.google.com/intl/en_us/mail/help/images/mobile-phone.png 

Cheers,
Eduardo Jauch

Thanks for all your helpful feed back Eduardo 


Thanks for all your helpful feed back Eduardo 

Eduardo Jauch wrote:

Hello Omran,

Remember the Table Records in Web Applications? Remember what happens to it when in a mobile? It becomes a simple List with items as accordions.

There isn't a "table records" in mobile because you shouldn't use tables in mobile. ;)
It creates (mosto of the time) bad user experience.

So, instead of using a table to show your data, you can use a list, for example. Think of showing only the really essential in the Item, not in a "columns" format, but more in a "card" format, if necessary. Something like this:

https://www.google.com/intl/en_us/mail/help/images/mobile-phone.png 

Cheers,
Eduardo Jauch


Hi Eduardo,

I understand for user experience it is not advisable to use table records in mobile application. can you suggest a way to display the records in table format for "Support Person" where he/she can check the data in table to better handle "Production-issues" reported by end-use.

If i display the records in List, and if the data in table has large no.of records it will be tough to view data in the screen.

thanks,

-Dileep

Hi,

I would use a LIST, and show ONLY the most relevant information so he can decide with which issue to work first (like customer, priority, date, etc), and than on click, go to a detail page with the complete information.

Cheers.