HTML-код
- Опубликовано: 2 окт 2024
- 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.coderzheave...
Please follow me on facebook and share your thoughts there
/ mobile-tutor-299932940...
#flutterDatatable #flutterandroid #flutterdart
Thank you my friend for making such great videos. I hope that you will continue to do so.
Sure
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?
Sure. Thanks
You give me the solution I was seraching for 3 days.
Thank you
You have a new subcriptor from Argentine
I am glad my videos helped you.
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.
I am facing the same issue, needed help.
Thank you.
Thanks for the tutorial. It helped so much.
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?
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.
@@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?
Great video..please can you make a video on how to display firestore data in a data table
Sure
@@MobileProgrammer are the video not ready yet sir? firestore to datatable
How can I learn on my own self like u?
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.
Cool. Sorry for the confusion.
@@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
You are always welcome. I m happy my video helped you.
can you explain this please I am getting the same error
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
You can put it inside a single child scroll view if that is what you meant!
Thanks! Sir. Please explain the tutorial slowly. So that everyone can easily understand
Sure.
@@MobileProgrammer Thanks
or you can change the playback speed of the video
I have 12 Cloums, Is that possible is to make responsive in Mobile ?
Absolutely. Why not
Just change column to list view
I am drawing in Figma, If it looks nice then I will do ́the coding part, Thanks for your replay
very good!
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
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!
Let me try it out
@@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.
Is it possible to hide the check box for the first row the header?
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.
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.
@@MobileProgrammer You have mine. Do it for us please.
Sure
@@MobileProgrammer yes, please.
@@MobileProgrammer yes please continue to make videos like this
Sir please make a video on the login and signup using the get and post request in flutter
Yeah I wil try. Thanks
Awesome tutorial !!! How to add user info (firstname and lastname) from textfield ?? Please make a video on that ..
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.
Thank you. That's what I was looking for.
You are welcome
Can I use DataTable with ListView.builder?
For what reason?
Good one. Keep going
good job :)
Can we remove the extra padding between the data columns and somehow make it compact without using the horizontal scrolling?
Please help, Thanks.
That spacing is by default . I will check and let u know
@@MobileProgrammer any solution?
Hi Tarun, if the scrollDirection: Axis.vertical, then it will not scroll horizontally, but it will try to align inside the screen.
@@MobileProgrammer I've tried it..if we have multiple columns..we wont be able to see all the columns
@@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
How can I dynamically add new names to that list? is there a way to implement an "ADD" button?
Can you show us what to do if we want to add a new User? Thank You!!
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?
@@MobileProgrammer Yes, thank you!
You are welcome. Please consider subscribe if my videos are helpful.
need to vertical and horizontal scroll in data table Please help
Wrap it inside a vertical scroll first then wrap inside a horizontal scroll widget
@@MobileProgrammer thanks
How can I make the first Row fixed ?
You can create a separate table
@@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
You can add a title row to the array you have and set it for 0th index
@@MobileProgrammerThanks for the idea, but I've implemented using two SinleChlildScrollView mixing the scroll Controllers.
how to add new row?