Saltar al contenido

Cómo establecer el tamaño de la columna de la tabla en TableRow para Flutter Table

Solución:

Método 1

Puedes usar defaultColumnWidth dentro Table si desea establecer el mismo ancho para cada columna,

Table(
    defaultColumnWidth: FixedColumnWidth(200.0),
...

Producción

ingrese la descripción de la imagen aquí


Método 2

puede utilizar un ancho diferente para cada columna.

Table(
columnWidths: {
                0: FlexColumnWidth(1),
                1: FlexColumnWidth(4),
                2: FlexColumnWidth(4),
              },     
...

Producción

ingrese la descripción de la imagen aquí

Para su caso específico puede utilizar

Table(
    defaultColumnWidth: IntrinsicColumnWidth(),
...

, ya que desea que el ancho de la columna se ajuste a la longitud del texto. IntrinsicColumnWidth el tamaño de la columna se basa en el ancho del contenido de cada celda, es decir, el ancho de la columna aumenta o se reduce según la longitud del contenido de la celda.

También puede fijar el ancho de dos columnas.

Table(
      border: TableBorder.all(color: Colors.black),
      columnWidths: {
            0: FixedColumnWidth(100.0),// fixed to 100 width
            1: FlexColumnWidth(),
            2: FixedColumnWidth(100.0),//fixed to 100 width
          },
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *