Flutter Tutorial - Editable DataTable & Edit Rows

Create an Editable DataTable with Flutter to modify specific data cells within your table rows in Flutter.
Click here to Subscribe to Johannes Milke: kzbin.info...
👉 12 Week Flutter Training | heyflutter.com
👉 Flutter Masterclass Courses | heyflutter.com/masterclass
Source Code | github.com/JohannesMilke/data...
My Courses | heyflutter.com
Follow Newsletter | johannesmilke.com/newsletter
SUBSCRIBE HERE
bit.ly/JohannesMilke
SUPPORT & SPONSOR ME
github.com/sponsors/JohannesM...
RESOURCES
Selectable DataTable Tutorial: • Flutter Tutorial - Sel...
Sortable DataTable Tutorial: • Flutter Tutorial - Sor...
Create Invoice PDF Document Tutorial: • Flutter Tutorial - Cre...
Create PDF Tables & Images Tutorial: • Flutter Tutorial - Cre...
Display Software Licenses Tutorial: • Flutter Tutorial - Lic...
Secure Storage & Data Persistence Tutorial: • Flutter Tutorial - Sec...
Search & Filter ListView Tutorial: • Flutter Tutorial - Sea...
Expandable ListView Tutorial: • Flutter Tutorial - Exp...
Single & Multi Selection ListView Tutorial: • Flutter Tutorial - Sin...
Autofill Services In 5 Minutes Tutorial: • Flutter Tutorial - Aut...
Buttons 2.0 Tutorial: • Flutter Tutorial - New...
Null Safety In 5 Minutes Tutorial: • Flutter Tutorial - Nul...
Migrate App To Null Safety Tutorial: • Flutter Tutorial - Mig...
Deploy Flutter Web App Tutorial: • Flutter Tutorial - Fir...
Search Bar & Search Delegate Tutorial: • Flutter Tutorial - Sea...
App Bar Tutorial: • Flutter Tutorial - App...
TIMELINE
0:00 Introduction Editable DataTable
0:53 Create DataTable
1:05 Create Table Columns
1:42 Create Table Rows
3:22 Create Table Cells
3:53 Make DataTable Scrollable
4:44 Make Table Editable
5:54 Edit Column First Name
10:13 Edit Column Last Name
11:41 Set Numeric Columns
SHARE | SUBSCRIBE | LIKE FOR MORE VIDEOS LIKE THIS
*********
SOCIAL MEDIA: Follow Us :-)
Twitter | / heyflutter_
Linkedin | / heyflutter
LEARN MORE
SOURCE CODE | github.com/JohannesMilke
ARTICLES | / johannesmilke
PLAYLISTS
All Flutter Videos | • Flutter Tutorial - Flu...
Widgets - Flutter | • Flutter Tutorial - Flu...
Plugins - Flutter | • Flutter Tutorial - Flu...
Animations - Flutter | • Flutter Tutorial - Tra...
Designs - Flutter | • Flutter Tutorial - Flu...
Firebase - Flutter | • Flutter Tutorial - Pag...
State Management - Flutter | • Flutter Tutorial - Riv...
CREDITS
Copyright song "Corporate Technology" by scottholmesmusic.com
#Flutter #Tutorial #JohannesMilke
LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-)
bit.ly/JohannesMilke

[@HeyFlutter]

This might help you :) 👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com Source Code: github.com/JohannesMilke/datatable_editable_example Selectable DataTable Tutorial: kzbin.info/www/bejne/founXmOwnNWol80 Sortable DataTable Tutorial: kzbin.info/www/bejne/iXvbc6x-gdhqaM0 Create Invoice PDF Document Tutorial: kzbin.info/www/bejne/sJCYqZ6eetCWa7s Create PDF Tables & Images Tutorial: kzbin.info/www/bejne/bpuZeH6qpbeepdk Display Software Licenses Tutorial: kzbin.info/www/bejne/b53Vfap_fa5pf6c Secure Storage & Data Persistence Tutorial: kzbin.info/www/bejne/haLLo6uhlMtkiKc Search & Filter ListView Tutorial: kzbin.info/www/bejne/pXe9eqp4qsl8oJI Expandable ListView Tutorial: kzbin.info/www/bejne/iJa4kpKNqJ14qbs Single & Multi Selection ListView Tutorial: kzbin.info/www/bejne/bne5nKifrduBfsU Autofill Services In 5 Minutes Tutorial: kzbin.info/www/bejne/rGm3ZZmkp7Z2nJI Buttons 2.0 Tutorial: kzbin.info/www/bejne/r6XPdX6Ad92KlaM Null Safety In 5 Minutes Tutorial: kzbin.info/www/bejne/h5C6naKDg7CCobc Migrate App To Null Safety Tutorial: kzbin.info/www/bejne/fX3RgqOefc5keLs Deploy Flutter Web App Tutorial: kzbin.info/www/bejne/rnvSaICnqMpsbJI Search Bar & Search Delegate Tutorial: kzbin.info/www/bejne/iJKkdHStq79pZ6c App Bar Tutorial: kzbin.info/www/bejne/mnmld2d_f7-pfs0

[@vjgoutham]

Very clean and neat tutorial. Thank you Johannes Milke.

[@janammaharjan2699]

Thank you very much for the Index part by it we can display image in first column with url from the storage. ThANK YOU SO mUCH

[@toviaedionwe5827]

love you 100%

[@lesliejoe6228]

Johannes, I love and enjoy your tutorials. Johan, can you please teach us how to cache fetched data list for offline use and sync changes or updated data to remote server when online? I will appreciate you. Thanks in advance.

[@lesliejoe6228]

Thanks a lot. My client prefer mysql instead

[@HeyFlutter]

Thank you, Leslie! 🙂 You could simply use Firebase since it stores automatically the data offline on your phone and online on your server: 1) Firebase CRUD Tutorial: kzbin.info/www/bejne/e4eVdayogLSkqLs 2) Todo App With Firebase Tutorial: kzbin.info/www/bejne/e4eVdayogLSkqLs 3) Pagination With Firebase Tutorial: kzbin.info/www/bejne/f6PYpq2GrsmDsJY 4) ChatApp With Firebase Tutorial: kzbin.info/www/bejne/rXmslH16hsd1fNU

[@jonathanmunday9210]

I am having the same issue as many of the other comments below. I want to be able to save inputted data with SQflite while being able to add or delete a row. I followed your SQflite videos and I'm a huge fan of yours. The packages like editable etc are very messy. I also followed the stack overflow and they use different code. If you made a video on generating/populating new rows and saving data with SQflite I think it will get many views.

[@HeyFlutter]

Thanks for the idea, Jonathan Munday! 🙂 I have added it to my list of ideas for future videos!

[@007lizou]

Hey Johannes, plz what is the software used in the intro ? BTW nice vid as usual

[@SMARTLIVINGPH]

Hi Johannes, thanks for this video! If we would like to extract data from the DataTable, how can we do it?

[@HeyFlutter]

Thank you, SMARTLIVINGPH! 🙂. You could learn more about data table here: pub.dev/packages/data_tables

[@thoxh-tim1666]

Nice video. I've a little question: Will the data be saved like this if (in my case) I'm reloading a the website or things like that. I had some problems in the past to save the data and used SharedPreferences which makes the whole thing pretty complicate in my example.

[@thoxh-tim1666]

@@HeyFlutter Sure, but I cant use a database cause of my company. Are there other solutions?

[@taimoorsaleem5897]

Johannes, What if we want to edit whole row?

[@felixg6240]

how did you make this awesome showcase video at the beginning?

[@gnrslashsp6501]

Yes, was incredible. Are you inovating? awesome!

[@matthias2351]

It is possible to populate a datagrid with Firestore ? Maybe you have already published a Tuto about it ?

[@harishsinara3365]

you saved my job

[@islammerabtene5163]

How do you make that into video with screen recording inside a phone ?

[@madhav3444]

Wonderful tutorial What if we want to save these data to an excel file ? Thanks in advance

[@HeyFlutter]

Thank you, Madhav! Check out this video: kzbin.info/www/bejne/bYOlfqagnKaimdU&ab_channel=JohannesMilke

[@battleGroundAce832]

Hi Johannes Thankyou for this amazing tutorial. I need help i am setting my model data value empty like "" and when i enter in 1 row its automatically changes all fields because the value is same for those rows. So how to differentiate each field in column without givinig pre filled values? eg if we have two same values in firstname column after updating 1 it will also change the second one

[@HeyFlutter]

Thank You Hanish Kumar! Follow this link: medium.com/swlh/creating-editable-tables-with-flutter-5536b593c29a I hope you will get your answer 🙂

[@TheLunack]

Hello Johannes. Thx for yours videos. I've probleme with the context for editing a cell in showTextDialog. I don't know and see the moment where you pass the context to showTextDialog.

[@TheLunack]

@@HeyFlutter after investigation all it's ok. I've just a probleme. when i want to edit a number : keyboardType: TextInputType.number not working . if you ve solution thx.

[@jenistank9125]

Hi Johannes, I learnt a lot from your lessons. I was trying on your project and found one issue. When I am trying to apply editing feature in Age box it show error like "string parameter cannot take int arguments".. So how to overcome that ? I tried using data type dynamic but than at the time of running code it shows error..

[@HeyFlutter]

Thank You jenis tank! Follow this link: stackoverflow.com/questions/55995791/how-can-i-resolve-the-argument-type-string-cant-be-assigned-to-the-parameter I hope you will get your answer 🙂

[@amedeopetrella2610]

Could you please explain how your modelBuilder works? Thanks

[@HeyFlutter]

Thank You Amedeo Petrella! Follow this link: medium.com/swlh/creating-editable-tables-with-flutter-5536b593c29a I hope you will get your answer 🙂

[@mdhossen7082]

This video is Very helpful, How to view app like this video intro, Please make a video, Thanks

[@HeyFlutter]

Thanks, md hossen! 🙂 you can use adobe rotato software

[@mdhossen7082]

@@HeyFlutter Thanks

[@MrGreyManta]

Thanks again for you're replay on the selectable DataTable video On this video this error keep showing for me The method 'asMap' was called on null. Receiver: null Tried calling: asMap() it shows on the modelBuilder

[@HeyFlutter]

Thanks, tahiri amine! 🙂 You find my source code implementation of this video here: github.com/JohannesMilke/datatable_editable_example

[@richmondgingingon]

What if the data fetch from Firebase? How to display it on DataTable?

[@AkshayKumarJain_official]

Hi Johannes, can we add a pick and drop editable list...?

[@AkshayKumarJain_official]

Sorry, @@HeyFlutter. I want that editable row can reorderable i.e pick and drop along with edit. Also, Users can delete rows and add empty rows with placeholders. I know, I'm asking too much but needed it. I'll be eternally great for any help in this regard. Thank you for the effort in replying and creating a seamless tutorial video.

[@HeyFlutter]

Thank You Akshay Kumar Jain! Follow this link: medium.com/flutterdevs/reorderable-listview-in-flutter-731324f0677b I hope you will get your answer 🙂

[@dragneeladhoo6023]

can you make a video on how we can add new data to the list of "allUsers" using the app

[@HeyFlutter]

Hey, Dragneel Adhoo! 🙂 will try to cover in my upcoming videos

[@Dawamid]

Ya Allah. Alhamdulillah then thx to u) Allah listen to me, indeed.

[@maxwimmer8746]

every single time when i try to copy or implement your source code a error occures because you coded something that is not defied automatically.

[@vinayreddypulagam]

Navigator 2.0 please

[@VladVons]

This time you added 35 sec. intro. Be sure your videos is enough excellent and no need bells and drums. Thanks

[@HeyFlutter]

Thanks a lot for your feedback, good to know Володимир! 🙂👍 Sure, I will experiment a bit with my videos and see how people react and what the KZbin statistics say. Continuously improving works only through experimentation 😉

[@prasaddhend5500]

Make a video to recognize Hindi language text from image in flutter

[@HeyFlutter]

Thank you, Prasad! 🙂 Check out this tutorial about text recognition: kzbin.info/www/bejne/in-upXqFj7d0a9E

[@seatconnect224]

how to edit whole row in one dialog?

[@HeyFlutter]

Thank You Seat Connect! Follow this link: stackoverflow.com/questions/67025900/flutter-3-rows-in-one-container-or-alertdialog I hope you will get your answer 🙂

[@prasaddhend5500]

Sir, Are you Indian ?