How to Load JSON Data to a Flutter DataGrid

Learn how easily you can load JSON data to a Syncfusion Flutter DataGrid. This video explains how to add a Syncfusion Flutter DataGrid to a flutter application, fetch the JSON data from an online source and convert it to a list collection. It also explains how to create the rows using the DataGridSource class using the created list collection, and then bind the rows to the DataGrid.

[00:00] Introduction
[01:05] Add a DataGrid to the app
[02:03] Create JSON datasource
[02:51] Convert JSON datasource to a list
[04:20] Convert the list to DataGridRows
[06:50] Create columns to show in DataGrid
[07:06] Bind datasource to DataGrid

SYNCFUSION FLUTTER DATAGRID
-------------------------------------------------

SUBSCRIBE
----------------

SOCIAL COMMUNITIES
---------------------------------

#flutterdatagrid #datagrid #loadjson

[SyncfusionInc]

Thanks for watching! If your question requires a fast response, please create a support ticket here:

We answer tickets from 5:30 PM ET Sunday to 3:30 PM ET Friday.

[AhmadRifai-eyuo]

Is SfDataGrid free/opensource or we have to pay it? Can u show how to styling last row in datatable where the data get from JSON? I have successfull to load data with JSON API using datatable but can not figure out how to styling las row different from other

[spoiled_kitten]

Hi there! Loved the tutorial! Was quick and easy to understand! Just one thing tho, I would like to have a button on there which will pass the product name onto another class (I will be doing another request with that, ) any idea how? Thanks!

[yupickmyusername]

Can you show us how can we combine sfdatagrid and sfdaterange, for example we have data from firestore with a date, and when user pick a daterange, data in the table will only shows data between the date range

[viralcreation]

I'm having data from a get api and the json is nested and the data is in the "Table" key i want to show the data in data grid and the video provided by you on youtube isn't working so please help me how to do so

[mubasheransari]

How can i use this package and parse json like this that i have two arrays in my response??