can you please help me to load data from api request i tried many but i can't able to load data from dynamic data please help me waiting for your fast response...

Can someone provide me sample of how to get jason from web then display please.

the widget is really useful i will use it in my project but I was tried to show json from the web but it failed, need a good short sample thank you.

String getFormattedValue(dynamic value) { if (value == null) return column?.defaultValue ?? ''; if (column?.valueBuilder != null) { return column.valueBuilder(value); } return value.toString(); }

in Code you have return value.toString(); this cause error but if i am using only return value can work perfect for me for nested json please fix this.

Hi guys. Today I used this library for make a table from json file.

But I have some problems like this.

There was okay If there is only numbers and english. But if korean is inserted, its height change different.

How can I fix it?

Hi guys! How are you?

The component is great and works perfect. But i'm having trouble now:

I am showing a json on the screen and when wanting with a button to load another of smaller size, this error appears:

RangeError (index): Invalid value: Only valid value is 0: 4 The relevant error-causing widget was JsonTable

But if with the button I load another one of greater size the problem does not happen

Could you help me please?

i am getting an issue: 'Future' is not a subtyoe of type 'List

code :

import 'dart:convert';

import 'package:flutter/material.dart';
import 'package:json_table/json_table.dart';

class SewingHourlyProduction extends StatefulWidget {
  @override
  _SewingHourlyProductionState createState() => _SewingHourlyProductionState();
}
class _SewingHourlyProductionState extends State<SewingHourlyProduction> {
  Future<dynamic> loadValue () async {    
    String jsonData = await DefaultAssetBundle.of(context).loadString("assets/HPR.json"); 
    final jsonResult = jsonDecode(jsonData);
    print(jsonResult);
    return jsonResult;
  }
  @override
  Widget build(BuildContext context) {
    dynamic json = loadValue();
    return Scaffold(
      appBar: AppBar(title: Text('Hourly Production Report')),
      body: Container(
      child: Column(
        children: <Widget>[
          JsonTable(
            json,
            showColumnToggle: true,
            tableHeaderBuilder: (String header) {
                      return Container(
                        padding: EdgeInsets.symmetric(
                            horizontal: 8.0, vertical: 4.0),
                        decoration: BoxDecoration(
                            border: Border.all(width: 0.5),
                            color: Colors.grey[300]),
                        child: Text(
                          header,
                          textAlign: TextAlign.center,
                          style: Theme.of(context).textTheme.display1.copyWith(
                              fontWeight: FontWeight.w700,
                              fontSize: 14.0,
                              color: Colors.black87),
                        ),
                      );
                    },
                    tableCellBuilder: (value) {
                      return Container(
                        padding: EdgeInsets.symmetric(
                            horizontal: 4.0, vertical: 2.0),
                        decoration: BoxDecoration(
                            border: Border.all(
                                width: 0.5,
                                color: Colors.grey.withOpacity(0.5))),
                        child: Text(
                          value,
                          textAlign: TextAlign.center,
                          style: Theme.of(context).textTheme.display1.copyWith(
                              fontSize: 14.0, color: Colors.grey[900]),
                        ),
                      );
                    },
                    allowRowHighlight: true,
                    rowHighlightColor: Colors.yellow[500].withOpacity(0.7),
                    paginationRowCount: 4,
          )
        ],
      ),
      ),
    );
  }
}

The error say:

Unhandled Exception: type 'String' is not a subtype of type 'int' of 'index'

My Json :

"listaGobernanciaPorPiso": [ { "piso": 1, "habitacionesEnPiso": 6, "pasajerosEnPiso": 8, "detalleHabitacion": [ { "habitacion": 2, "pasajerosEnHabitacion": 2, "titular": "JORGE ENRIQUE FERNANDEZ ", "fechaIn": "17-06-2019", "fechaOut": "21-06-2019" } ] }, { "piso": 2, "habitacionesEnPiso": 1, "pasajerosEnPiso": 1, "detalleHabitacion": [ { "habitacion": 10, "pasajerosEnHabitacion": 1, "titular": "ROBERT TAYLOR ", "fechaIn": "18-06-2019", "fechaOut": "23-06-2019" } ] } ],

So, this is possible with this library? or the problem is when extract the json?

jsonResponse['gobernanciaResponse']['listaGobernanciaPorPiso']['detalleHabitacion']

And when extract only this:

jsonResponse['gobernanciaResponse']['listaGobernanciaPorPiso']

No showing error, but all data is empty.

Can help me?

Hello...thanks for the library!!

But i have a problem with my own json. I pass this json to JsonTable as parameter and i use this columns:

widget.columns = [ JsonTableColumn("titularNombres", label: "Titular Nombre"), JsonTableColumn("titularApellidos", label: "Titular Apellido"), JsonTableColumn("usuarioReserva", label: "Usuario Reserva", defaultValue: "NA"), ];

JSON:

{ "estado": "OK", "razon": "TRANSACCION CORRECTA", "response": { "data": { "consultaReservaResponse": [ { "numeroReserva": 5575, "titularApellidos": "XXXX", "titularNombres": "XXXX", "fechaDesdeReserva": "02-06-2019", "estadoReserva": "R", "paisOrigenTitular": "PARAGUAY", "formaDePago": "EFECTIVO", "fechaHastaReserva": "02-06-2019", "solicitanteReserva": "XXXX", "formaDeReserva": "Via Email", "usuarioReserva": "XXXX", "nroConfirmacionReserva": 5086 }, { "numeroReserva": 5528, "titularApellidos": "XXXX", "titularNombres": "XXXX", "fechaDesdeReserva": "02-06-2019", "estadoReserva": "R", "paisOrigenTitular": "IRLANDA", "formaDePago": "EFECTIVO", "fechaHastaReserva": "12-06-2019", "solicitanteReserva": "XXXX", "formaDeReserva": "Via Email", "usuarioReserva": "XXXXX", "nroConfirmacionReserva": 5041 } ] } }, "token": "XXXXX", "ts": "2019-08-14 13:37:24" }

And i get this error: Type 'String' is not a subtype of type 'List'

Can anyone help me? Thaks!

Beep boop. Your images are optimized!

Your image file size has been reduced by 31% 🎉

📝docs | :octocat: repo | 🙋issues | 🏅swag | 🏪marketplace

A nice feature would be be able to select an active row by index on load. The table should then show the row as marked and the onRowSelect should fire with the selected row.

In my page I have a row with containing two widgets. One table widget and one form widget. The form widget has a ListView to enable scrolling in the form. primary is set to false.

The other Widget is a ContainedBox with a JsonTable as child. Everything works perfectly. I only got the exception

════════ Exception caught by animation library ═════════════════════════════════ The provided ScrollController is currently attached to more than one ScrollPosition. ════════════════════════════════════════════════════════════════════════════════

in the debug console when I scroll in the table. Removing the table removes the exception.

Example I have a column for column name: "color" which has the hex color string and I want that if the cell is in column "color" then I show the color tile in it.