¿Cómo abordaría una tabla para web móvil que contiene más de 25 columnas? Cada celda contiene una cantidad sustancial de datos, y las filas son una prioridad para mostrar, pero maximizar las columnas mostradas también es de gran importancia.

Me preguntaría si tiene que ser una mesa en absoluto. Intenta dividirlo en segmentos separados. Usa acordeones para eso. Alternativamente, ofrezca el filtrado de los datos para que el usuario pueda elegir exactamente qué ver. No se concentre demasiado en la tabla, sino en los objetivos del usuario al leer esa tabla. Bien podría haber formas interactivas mucho mejores que solo son posibles en un dispositivo digital.

Una vez diseñé una tabla para comparar diferentes productos financieros. Hice lo siguiente:

  • Permitió al usuario elegir qué productos incluir para minimizar las distracciones.
  • Hizo posible comparar todos los valores en una fila usando una celda de referencia. De esta manera, puede ver si la tasa de interés de la empresa X es más alta que la de la empresa Y de un vistazo simplemente haciendo clic en uno u otro.
  • Hizo todos los puntos de datos ordenables.

Además, quizás no debería reinventar la rueda. Podría ser una mejor idea poner los datos en una hoja de cálculo de Google y vincularlos. Ya han resuelto muchos de estos problemas.

React-Table.js.org