Diseño de teléfonos móviles - Tablas de datos

Actualmente estoy luchando un poco con la forma de mostrar una gran cantidad de datos de forma adecuada y fácil de usar en un dispositivo móvil.

En un sitio web es fácil implementar una tabla. Puede mostrar por ejemplo 7 columnas. Pero tener una tabla con 7 columnas en un dispositivo móvil no es realmente fácil de usar. Los datos en la cuadrícula tendrán que envolver las palabras para mostrar 7 columnas una al lado de la otra.

  • Entonces, ¿cuál es la forma recomendada de mostrar datos en un dispositivo móvil que normalmente muestra en una tabla en pantallas más grandes?

  • ¿Necesito usar tablas o hay enfoques mucho mejores para mostrar una gran cantidad de datos?

    • por ejemplo, dividirse en varias pantallas?
    • contenedores expandibles?
    • ??
  • ¿Puede darme algunas referencias donde mirar diseños reales?

  • ¿Debo tener en cuenta diferentes diseños debido a que estoy trabajando en Android, Windows Phone y iPhone?

Respuestas (1)

La forma común de mostrar datos en un teléfono es reordenar todos los datos de columnas a filas. Puede encontrar varias bibliotecas para hacer eso, solo busque "tablas receptivas".

Por ejemplo , tabla "reflujo" : Reflujo

Y solo como referencia, también puede leer esto: Más de 10 soluciones para tablas de datos sensibles

En cuanto a las diferentes plataformas, sí, debes ceñirte a ellas tanto como puedas. No es obligatorio, pero es bueno para el usuario. Solo eche un vistazo a cada sitio web oficial (Material Design, iOs8, Windows Mobile) y vea cómo muestran tablas y listas.

+1 también te puede gustar mirar @ css-tricks.com/complete-guide-table-element
Uno de los enlaces en la respuesta está muerto.