#Google

Рет қаралды 30,138

5 жыл бұрын

Welcome to Flutter Tutorials by The Mobile Programmer,
Video explains the usage of Data Tables in Flutter. This video will show to list a set of users in Table, Sort them and Delete them.
Follow on facebook
/ mobile-tutor-299932940...
Source code available in the below link
www.coderzheaven.com/2019/01/2...
Please follow me on facebook and share your thoughts there
/ mobile-tutor-299932940...
#flutterDatatable #flutterandroid #flutterdart

Пікірлер: 73

@SebastianBordi 4 жыл бұрын

You give me the solution I was seraching for 3 days. Thank you You have a new subcriptor from Argentine

@MobileProgrammer 4 жыл бұрын

I am glad my videos helped you.

@tridarid 4 жыл бұрын

Thanks for the tutorial. It helped so much.

@KAOPro 4 жыл бұрын

Thank you my friend for making such great videos. I hope that you will continue to do so.

@MobileProgrammer 4 жыл бұрын

Sure

@juliejohn5159 4 жыл бұрын

Good one. Keep going

@ouzarinacime655 3 жыл бұрын

Thank you. That's what I was looking for.

@MobileProgrammer 3 жыл бұрын

You are welcome

@dineyoliveira5436 4 жыл бұрын

very good!

@WebPhix 3 жыл бұрын

Awesome tutorial !!! How to add user info (firstname and lastname) from textfield ?? Please make a video on that ..

@yousour5112 3 жыл бұрын

good job :)

@asherhaque9981 4 жыл бұрын

How can I dynamically add new names to that list? is there a way to implement an "ADD" button?

@sylvestreomerndri1881 5 жыл бұрын

Thanks for the tutorial, it's so simple and easy to learn with it. Please could you do one later on where json data from a php API source on the internet (or localhost wamp) into a flutter data table?

@MobileProgrammer 5 жыл бұрын

Sure. Thanks

@atthanaphiphatthanaloetmon5433 4 жыл бұрын

If I want to stick the header of the table but still be able to scroll up or down as usual, how can I solve it. Please help to advise me.

@AccessCode101 4 жыл бұрын

I had a problem with MediaQuery. I didn't know that we needed to call MaterialApp (which doesn't appear on your tutorial). For true beginners like me, I found a solution on SOF. Place your Scaffold around a return new MaterialApp (), then your Scaffold around home: new Scaffold () That did it.

@MobileProgrammer 4 жыл бұрын

Cool. Sorry for the confusion.

@AccessCode101 4 жыл бұрын

@@MobileProgrammer No need. I learned something I didn't know. And finally completed a datatable calling users from another file. I was hard coding a gargantuan main file and it was awuful. Thank you! Subscribing

@MobileProgrammer 4 жыл бұрын

You are always welcome. I m happy my video helped you.

@asherhaque9981 4 жыл бұрын

can you explain this please I am getting the same error

@benjamengoh1536 2 жыл бұрын

Is it possible to hide the check box for the first row the header?

@endrefidje5698 5 жыл бұрын

Good tutorial. Maybe do one later on where json data from a readily available API source on the internet gets "populated" into a flutter data table.

@MobileProgrammer 5 жыл бұрын

Yeah, I can do that. I want to keep it simple and easy to understand. Populating data from service is already there is my 'Service tutorial for Flutter'. I can do that with Data Tables if more suggestions come. Thanks for the feedback.

@user-gu5ts5nx8r 4 жыл бұрын

@@MobileProgrammer You have mine. Do it for us please.

@MobileProgrammer 4 жыл бұрын

Sure

@user-gu5ts5nx8r 4 жыл бұрын

@@MobileProgrammer yes, please.

@KAOPro 4 жыл бұрын

@@MobileProgrammer yes please continue to make videos like this

@awumbesolomon3517 3 жыл бұрын

Great video..please can you make a video on how to display firestore data in a data table

@MobileProgrammer 3 жыл бұрын

Sure

@teoamakusha3662 3 жыл бұрын

@@MobileProgrammer are the video not ready yet sir? firestore to datatable

@r.k.navinganeshapaandiyan3702 4 жыл бұрын

Thanks! Sir. Please explain the tutorial slowly. So that everyone can easily understand

@MobileProgrammer 4 жыл бұрын

Sure.

@r.k.navinganeshapaandiyan3702 4 жыл бұрын

@@MobileProgrammer Thanks

@narutouzumaki-hi7os 4 жыл бұрын

or you can change the playback speed of the video

@mudassarmaqbool8924 4 жыл бұрын

sir can you help me am getting error I/flutter (17262): The following NoSuchMethodError was thrown building DataTablewidget(dirty, state: I/flutter (17262): _DataTablewidgetState#ac70a): I/flutter (17262): The getter 'cells' was called on null. I/flutter (17262): Receiver: null I/flutter (17262): Tried calling: cells

@KenAragorn 5 жыл бұрын

Hi, thanks for the details and good sharing. Quick check, when should we use DataTable and when we should use the Table widget? From the glance and few reading, DataTable have limited layout design such as 'I want only first column to have bigger width and alignment top' as compare to Table widget......However, for performance wise, there is also some concern...Do you mind to share your view on this?

@MobileProgrammer 5 жыл бұрын

Tables and Data Tables are for totally different use. You can use Tables when you want to create a list of widget horizontally and vertically which is not scrollable and also different size etc. DataTable is for same size rows which is scrollable etc.

@KenAragorn 5 жыл бұрын

@@MobileProgrammer Ok noted.But, it seems like for DataTable, there is no way to have control such as: first column have more width than the rest, padding control on the column header (some longer words tend to be eaten up). Or I miss something here? Is there a way to control this 2 requirements?

@narutouzumaki-hi7os 4 жыл бұрын

Thank you for the Tutorial Sir, In my case, the row which is selected is not highlighted (only the checkbox is ticked) as shown in the video! I am missing something? (I am also using bottomNavigationBar below, is that something to do with?) Please help, Thanks.

@tarunreddy956 4 жыл бұрын

I am facing the same issue, needed help. Thank you.

@rajdave9862 5 жыл бұрын

How can I learn on my own self like u?

@anhduong2476 4 жыл бұрын

can we rotate the table? I mean, there are instead 2 rows and 6 columns? Because i can't see the "label" propety in DataRow

@MobileProgrammer 4 жыл бұрын

You can put it inside a single child scroll view if that is what you meant!

@tarunreddy956 5 жыл бұрын

Can we remove the extra padding between the data columns and somehow make it compact without using the horizontal scrolling? Please help, Thanks.

@MobileProgrammer 5 жыл бұрын

That spacing is by default . I will check and let u know

@tarunreddy956 5 жыл бұрын

@@MobileProgrammer any solution?

@MobileProgrammer 5 жыл бұрын

Hi Tarun, if the scrollDirection: Axis.vertical, then it will not scroll horizontally, but it will try to align inside the screen.

@tarunreddy956 5 жыл бұрын

@@MobileProgrammer I've tried it..if we have multiple columns..we wont be able to see all the columns

@tarunreddy956 5 жыл бұрын

@@MobileProgrammer I've tried using fittedBox..but then the text becomes smaller..I just want to remove the extra space..and use datatable at the same time :p

@Aomza107 2 жыл бұрын

how to add new row?

@harishshet7268 4 жыл бұрын

Hey its an amazing tutorial , but whenever you scroll down the first row(header) goes hidden, can you please help me on how I can freeze the first row? Thanks!

@MobileProgrammer 4 жыл бұрын

Let me try it out

@harishshet7268 4 жыл бұрын

@@MobileProgrammer okay, Thank you, if you found the solution please let me know, even I am trying my best to do that, if I found useful information i will share.

@niteshrathore4341 4 жыл бұрын

Sir please make a video on the login and signup using the get and post request in flutter

@MobileProgrammer 4 жыл бұрын

Yeah I wil try. Thanks

@RajeshMaurya-kv4te 3 жыл бұрын

need to vertical and horizontal scroll in data table Please help

@MobileProgrammer 3 жыл бұрын

Wrap it inside a vertical scroll first then wrap inside a horizontal scroll widget

@RajeshMaurya-kv4te 3 жыл бұрын

@@MobileProgrammer thanks

@yumie9965 3 жыл бұрын

Can I use DataTable with ListView.builder?

@MobileProgrammer 3 жыл бұрын

For what reason?

@premchandraseakaran1847 Жыл бұрын

I have 12 Cloums, Is that possible is to make responsive in Mobile ?

@MobileProgrammer Жыл бұрын

Absolutely. Why not

@MobileProgrammer Жыл бұрын

Just change column to list view

@premchandraseakaran1847 Жыл бұрын

I am drawing in Figma, If it looks nice then I will do ́the coding part, Thanks for your replay

@tomassantiagogiraudo7729 5 жыл бұрын

Can you show us what to do if we want to add a new User? Thank You!!

@MobileProgrammer 5 жыл бұрын

You just have to add a new entry to the user array and it call setstate in it. New user will be added to the table. Is that what you meant?

@tomassantiagogiraudo7729 5 жыл бұрын

@@MobileProgrammer Yes, thank you!

@MobileProgrammer 5 жыл бұрын

You are welcome. Please consider subscribe if my videos are helpful.

@44_shubhamsharma75 3 жыл бұрын

How can I make the first Row fixed ?

@MobileProgrammer 3 жыл бұрын

You can create a separate table

@44_shubhamsharma75 3 жыл бұрын

@@MobileProgrammer But it should scroll horizontally along with my data eg - www.jqueryscript.net/demo/jQuery-Plugin-For-Fixed-Table-Header-Footer-Columns-TableHeadFixer/examples/fixHeader.html

@MobileProgrammer 3 жыл бұрын

You can add a title row to the array you have and set it for 0th index

@44_shubhamsharma75 3 жыл бұрын

@@MobileProgrammerThanks for the idea, but I've implemented using two SinleChlildScrollView mixing the scroll Controllers.