Flutter Tutorial - Editable DataTable & Edit Rows

Рет қаралды 41,835

Күн бұрын

Create an Editable DataTable with Flutter to modify specific data cells within your table rows in Flutter.
Click here to Subscribe to Johannes Milke: kzfaq.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

Пікірлер: 51

@HeyFlutter 2 жыл бұрын

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: kzfaq.info/get/bejne/fsB0YJOrzNbZkZ8.html Sortable DataTable Tutorial: kzfaq.info/get/bejne/ibCoddx5sdmbYp8.html Create Invoice PDF Document Tutorial: kzfaq.info/get/bejne/sMVlq86ZqtHHZY0.html Create PDF Tables & Images Tutorial: kzfaq.info/get/bejne/btBmeq6l1bjPn6s.html Display Software Licenses Tutorial: kzfaq.info/get/bejne/b9Kif9p6ra-aeXk.html Secure Storage & Data Persistence Tutorial: kzfaq.info/get/bejne/hdeYpducxMyVgnk.html Search & Filter ListView Tutorial: kzfaq.info/get/bejne/payKfNpz2sqtmmQ.html Expandable ListView Tutorial: kzfaq.info/get/bejne/iMuFlMKI2J6po40.html Single & Multi Selection ListView Tutorial: kzfaq.info/get/bejne/bqyGntia3dyyeJc.html Autofill Services In 5 Minutes Tutorial: kzfaq.info/get/bejne/rJ6EZ8mf17enlmQ.html Buttons 2.0 Tutorial: kzfaq.info/get/bejne/r9qcd657p967j3U.html Null Safety In 5 Minutes Tutorial: kzfaq.info/get/bejne/h8WHn9J-s7Gzm4k.html Migrate App To Null Safety Tutorial: kzfaq.info/get/bejne/fbKehNOZrc-Vco0.html Deploy Flutter Web App Tutorial: kzfaq.info/get/bejne/rrCfarCi2MudZmQ.html Search Bar & Search Delegate Tutorial: kzfaq.info/get/bejne/iMdxdqSo28CaYXk.html App Bar Tutorial: kzfaq.info/get/bejne/mq5yeZd6r8DaeJ8.html

@vjgoutham 3 жыл бұрын

Very clean and neat tutorial. Thank you Johannes Milke.

@janammaharjan2699 2 жыл бұрын

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 2 жыл бұрын

love you 100%

@lesliejoe6228 3 жыл бұрын

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 3 жыл бұрын

Thanks a lot. My client prefer mysql instead

@HeyFlutter 2 жыл бұрын

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: kzfaq.info/get/bejne/e7xid9yjsLXVoo0.html 2) Todo App With Firebase Tutorial: kzfaq.info/get/bejne/e7xid9yjsLXVoo0.html 3) Pagination With Firebase Tutorial: kzfaq.info/get/bejne/f9ilqN2B3sq0qmg.html 4) ChatApp With Firebase Tutorial: kzfaq.info/get/bejne/ra55lq11tsimdqc.html

@islammerabtene5163 3 жыл бұрын

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

@matthias2351 2 жыл бұрын

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

@jonathanmunday9210 2 жыл бұрын

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 2 жыл бұрын

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

@thoxh-tim1666 2 жыл бұрын

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 2 жыл бұрын

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

@SMARTLIVINGPH 3 жыл бұрын

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

@HeyFlutter 2 жыл бұрын

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

@TheLunack 2 жыл бұрын

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 2 жыл бұрын

@@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.

@battleGroundAce832 2 жыл бұрын

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 2 жыл бұрын

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

@007lizou 3 жыл бұрын

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

@taimoorsaleem5897 2 жыл бұрын

Johannes, What if we want to edit whole row?

@richmondgingingon 2 жыл бұрын

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

@MrGreyManta 3 жыл бұрын

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 2 жыл бұрын

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

@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 🙂

@felixg6240 3 жыл бұрын

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

@gnrslashsp6501 3 жыл бұрын

Yes, was incredible. Are you inovating? awesome!

@maxwimmer8746 3 жыл бұрын

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.

@madhav3444 2 жыл бұрын

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

@HeyFlutter 2 жыл бұрын

Thank you, Madhav! Check out this video: kzfaq.info/get/bejne/bbhygNabzKfTk6c.html&ab_channel=JohannesMilke

@dragneeladhoo6023 2 жыл бұрын

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

@HeyFlutter 2 жыл бұрын

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

@AkshayKumarJain_official 2 жыл бұрын

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

@AkshayKumarJain_official 2 жыл бұрын

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 2 жыл бұрын

Thank You Akshay Kumar Jain! Follow this link: medium.com/flutterdevs/reorderable-listview-in-flutter-731324f0677b 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

@vinayreddypulagam 3 жыл бұрын

Navigator 2.0 please

@harishsinara3365 2 жыл бұрын

you saved my job

@Dawamid 3 жыл бұрын

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

@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 🙂

@VladVons 3 жыл бұрын

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

@HeyFlutter 2 жыл бұрын

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 KZfaq statistics say. Continuously improving works only through experimentation 😉