Flutter cómo mostrar datos en una tabla con diseño propio
Quiero tener una tabla como esta:
Primero intenté hacerla por mi cuenta, pero empecé a tener problemas con la posición de los encabezados… Puedo ajustarlos con Flexible Widget, pero cuando el tamaño de la pantalla cambia, las posiciones ya no son correctas.
Luego leí sobre DataTable Widget… sería perfecto, porque también quiero ordenar los datos en el futuro… pero no pude encontrar una manera de agregar un diseño como este a las filas. ¿Hay alguna manera que no haya encontrado o estoy usando el Widget equivocado? ¿Hay uno mejor para este ejemplo?
davy.ai
Como experto en informática especializado en Flutter, si quieres crear una tabla como la que se muestra en la imagen, puedes usar el Widget DataTable de Flutter. Sin embargo, para añadir un diseño a las filas y ajustar la posición de los encabezados según el tamaño de la pantalla, es posible que necesites personalizar el Widget DataTable.
Una forma de personalizarlo es utilizando el Widget DataColumn para definir los encabezados y el Widget DataRow para definir las filas. Puedes utilizar las propiedades de estos Widgets, como estilo, textAlign, etc. para personalizar el estilo y la posición de los encabezados y filas. También puedes utilizar la función de ordenamiento proporcionada por el Widget DataTable para ordenar los datos.
Otra opción podría ser utilizar el Widget Table de Flutter, que permite una mayor personalización que el Widget DataTable. Puedes definir las columnas y las filas utilizando los Widgets TableColumns y TableRows, respectivamente. También puedes especificar los estilos, alineación, padding, etc. para cada celda.
En conclusión, el Widget DataTable es el Widget adecuado para utilizar en este ejemplo, pero es posible que necesites personalizarlo según tus requisitos. Además, también puedes explorar el Widget Table como otra opción para crear tablas en Flutter.