Flutter Tutorial - Selectable DataTable & Select Rows

Create a selectable DataTable with Flutter, to select individual rows within your table.

SUBSCRIBE HERE

SUPPORT & SPONSOR ME

RESOURCES

TIMELINE
0:00 Introduction Selectable Data Table
0:17 Create Data Table
0:40 Create Table Columns
2:03 Create Table Rows
3:53 Selectable Data Table
5:43 Make Data Table Scrollable
6:48 Change Table Cell Width
7:40 Select All In Data Table
9:18 Submit Selection

SHARE | SUBSCRIBE | LIKE FOR MORE VIDEOS LIKE THIS

*********

SOCIAL MEDIA: Follow Us :-)

LEARN MORE

PLAYLISTS

CREDITS

#Flutter #Tutorial #JohannesMilke

LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-)

[bernhardriemann]

Ihre Videos bringen es auf den Punkt! Sehr schön wie Sie die Dinge herausarbeiten! Viel Erfolg!

[sergdigital]

Thanks for adding awesome content on a daily basis.
Great job Sir!

[arnaudduquenoy]

You are so good ! Wish you subscribers. Even if the videos are short we can figure out how to structure a flutter app as you often include MODEL / DATA / APPLICATION folders in your tutos 👍

[draco]

Thanks, that's what I was looking for!

[marco_di]

A brilliant tutorial
Thanks a lot for this :D

[haroldpepete]

great video, when you have enough time please make a video about edition on this widget, it'll be great

[berkaykurkcu]

Hey Johannes! Is it possible to delete elements containing in DataTable interactively like a delete button next to it?
edit: Well I managed to do it. Easy as hell, idk why I haven't tried it before writing a comment here. If someone has the same problem, there you go. You just add another DataCell() at the bottom and add a DataColumn(label: Text("Delete")), to your DataColumns. I added an IconButton inside the DataCell i added for deletion and implemented like that.

[MrGreyManta]

Thanks for you're explanation great work as always
I have one question :
how do you delete a selected row/rows in the button onPressed() method

[miladhesami]

Thank you, please make sure provide your course on udemy 🌹

[gnrslashsp]

Interesting way of doing, thanks!
I have two questions:
1. How can you fix the header to not scroll with the table contents?
2. Is it possible to have something that allow users to change column width dragging column bounds?

[stanislavfedorenko]

cool video, thanks.
Can you make a tutorial how to add new rows to a table from another screen wich is a form with textfields?

[aminuazeez]

Sir, if i click on one row, it select all the entire row. i dont know where am getting this error

[oliverpaul]

Can you make videos about flutter different architectures and implementation in projects. The current trend is riverpod.

[aminuolamideazeez]

Nice video. i really enjoy it. sir, what of the one without API. im confused

[reemalrossais]

Thank you so much!! how do we link this with firebase?

[taimoorsaleem]

Hi Johannes! I'm following your tutorial everything is working fine i want to add new Row by clicking on add button Can you please guide me how can i do this ?

[janammaharjan]

Hey Johannes I am facing Cors error while running the flutter web in windows, that the images are displayed while running the website from ios device but images are not displayed while running from windows.. how can i solve the problem please help.

[janammaharjan]

hello Johannes i got an error ... that is while populating UI in flutter web with data of only 300 rows the app gets very very slow and seems like crashing .. there is no issue while using the web app in iphone or mobile device the problem is in flutter web while running in local host desktop. what can be solution please help.

[coudfpk]

i want to make still the checkBox. is it possible? checkBox should not be scroll.

[janammaharjan]

Hey Johannes I got with an error while implementing data table in flutter web that it is not scrolling horizontally. It works fine for android device and ios device but does not scrolls in web in windows. please help. Regards Janam