Flutter Tutorial - Sortable DataTable In 9 Minutes

Sdílet
Vložit
  • čas přidán 7. 09. 2024

Komentáře • 79

  • @HeyFlutter
    @HeyFlutter  Před 2 lety

    This might help you :)
    👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com
    Source Code: github.com/JohannesMilke/datatable_sortable_example
    Create Invoice PDF Document Tutorial: czcams.com/video/z_5xkhEkc5Y/video.html
    Create PDF Tables & Images Tutorial: czcams.com/video/8j6GKtpRkow/video.html
    Display Software Licenses Tutorial: czcams.com/video/9lrLwIHI6IE/video.html
    Secure Storage & Data Persistence Tutorial: czcams.com/video/Oqhrxk_f1RE/video.html
    Search & Filter ListView Tutorial: czcams.com/video/oFZIwBudIj0/video.html
    Expandable ListView Tutorial: czcams.com/video/ReUa_Ws8EsY/video.html
    Single & Multi Selection ListView Tutorial: czcams.com/video/8FVkuixvNHc/video.html
    Autofill Services In 5 Minutes Tutorial: czcams.com/video/v8T4fnrQCf0/video.html
    Buttons 2.0 Tutorial: czcams.com/video/ytlDKJBxW_A/video.html
    Null Safety In 5 Minutes Tutorial: czcams.com/video/Q_WloMNKOkU/video.html
    Migrate App To Null Safety Tutorial: czcams.com/video/GLnQphHi1BY/video.html
    Deploy Flutter Web App Tutorial: czcams.com/video/xJo7Mqse960/video.html
    Search Bar & Search Delegate Tutorial: czcams.com/video/RaACAwvZ61E/video.html
    App Bar Tutorial: czcams.com/video/dHBF4IJZvHk/video.html

  • @multiculturalvolleyballbar3467

    Thank you, you found a goog mix between explaining quickly but still comprehendable for us. Keep on the good work! Thank you so much!

  • @gnrslashsp6501
    @gnrslashsp6501 Před 3 lety +3

    This tutorial is very important, sorting tables is something that we all really need.
    I think we must modify the compare string to compare int or compare date if we want to sort things as they are right? Because with your code, the numbers were sorted as string, not numbers.
    Thank you!

    • @HeyFlutter
      @HeyFlutter  Před 2 lety

      Thank you, †GnR† SlashSP! 🙂 Yes of course you are right, you can create specific methods to compare your different data types which you sort, in my case I used only one method compareString to explain less 😀

  • @gumdum6764
    @gumdum6764 Před 3 lety +1

    Very good info to add to my toolbox. Thank you!

  • @nomansalhab9628
    @nomansalhab9628 Před 2 lety

    Thank you very much your channel is a treasure.
    I really hope you could get into Flutter web and desktop as well.

  • @user-iw2md2gl4q
    @user-iw2md2gl4q Před 3 lety

    Your videos are always SO helpful. Thank you so much!

  • @eyadabbod4903
    @eyadabbod4903 Před 4 měsíci

    Thanks, that was helpful. 👍

    • @HeyFlutter
      @HeyFlutter  Před 4 měsíci

      You are welcome, @eyadabbod4903 😊

  • @SagarSinghAwesome
    @SagarSinghAwesome Před 2 lety +1

    nice explanation

  • @ExtraServingsBTS
    @ExtraServingsBTS Před 3 lety +2

    Great work as always. Now the hard part - grabbing data from Firestore using a Streambuilder, then sorting the list. It's starting to feel like I should get the data in initstate and then sort. Thoughts?

    • @ExtraServingsBTS
      @ExtraServingsBTS Před 3 lety +1

      @@HeyFlutter That was the trick for me - couldn't figure out how to get firebase to index members of an array with a date so had to go client side

  • @VladVons
    @VladVons Před 3 lety +1

    Thanks

  • @zuherabud744
    @zuherabud744 Před 3 lety

    can you make a video how to filter data in a datatable using dropdown filters or any other filter types

  • @thazeroword646
    @thazeroword646 Před 3 lety +1

    Very nice useful video

  • @mahmoudzghal8779
    @mahmoudzghal8779 Před 3 lety

    Hi @Johannes Milke i watched this video and it helped me but i want to do ,for example , 3 columns inside one columns in data table ,can you help me . THanks

  • @moasjf
    @moasjf Před 3 lety +1

    Great!
    Thanks

  • @c0dingwithchris
    @c0dingwithchris Před rokem

    Hi! Great video, but I don't seem to be able to get rid of the lines in-between the rows at all. Could you please recommend how to do this? Thanks

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Thank You @c0dingwithchris! Follow this link: stackoverflow.com/questions/55271153/flutter-datatable-remove-extra-padding
      I hope you will get your answer 🙂

  • @nasrulsetiawan
    @nasrulsetiawan Před 3 lety

    Thanks.
    Need more data table videos. 😁

    • @nasrulsetiawan
      @nasrulsetiawan Před 3 lety

      @@HeyFlutterGreat Work. Thanks. its help me a lot.
      can you make videos data table with pagination and filter?

    • @HeyFlutter
      @HeyFlutter  Před 2 lety

      Thanks, nasrul! 🙂Sure check out my other tutorials about data table here:
      1) Selectable Data Table Tutorial: czcams.com/video/HZD-0zgpuak/video.html
      2) Editable Data Table Tutorial: czcams.com/video/D6yndJ_lk14/video.html

  • @eNONO-ot4zh
    @eNONO-ot4zh Před 3 lety

    Thank u. I need it

  • @JCSReyes
    @JCSReyes Před 3 lety

    Wow this is really a great tutorial! I just finished a beginner course in Flutter and I'm now trying to create a golf scorecard app to practice what I've learned. How can I use DataTable so it can receive user data like how many strokes each player played for each hole?

    • @JCSReyes
      @JCSReyes Před 3 lety

      @@HeyFlutter thank you so much! Keep up the good work and please continue making videos like these! 😀

    • @HeyFlutter
      @HeyFlutter  Před 2 lety

      Thank You JC S Reyes! Follow this link: pub.dev/packages/data_tables
      I hope you will get your answer 🙂

  • @Scorpio88ify
    @Scorpio88ify Před 2 lety

    Thank's for a video! But I got an error on sort
    Type: dynamic
    Function expressions can't be named.
    Try removing the name, or moving the function expression to a function declaration statement.dart(named_function_expression)

    • @HeyFlutter
      @HeyFlutter  Před 2 lety

      Thank you Віталій Герас, make sure to follow the tutorial step by step 🙂

  • @aminuazeez938
    @aminuazeez938 Před 3 lety

    Thank you very much,sir. Sir, i want to add and mix the color to the table row.

    • @HeyFlutter
      @HeyFlutter  Před 2 lety

      Thank You Aminu Azeez! Follow this link: stackoverflow.com/questions/58655599/how-to-change-background-color-of-datacolumn-in-flutter
      I hope you will get your answer 🙂

  • @premchandraseakaran1847

    I want to implement one column as a text field controller and another one column as Icon button, How can I make it with pagenated Data table?

    • @premchandraseakaran1847
      @premchandraseakaran1847 Před 2 lety

      @@HeyFlutter

    • @HeyFlutter
      @HeyFlutter  Před 2 lety

      Thank You prem chandraseakaran! Follow this link: stackoverflow.com/questions/68947917/how-to-manage-textfield-controller-for-multiple-datarow-in-datatable-flutter
      I hope you will get your answer 🙂

  • @rajagovindan5754
    @rajagovindan5754 Před 2 lety

    Can you post pagination feature in datatable ?

  • @yehentennakoon3185
    @yehentennakoon3185 Před 2 lety

    Hi, this is really helpful, will it be possible to teach how to do lazy loading here, for long lists it takes time

  • @janammaharjan2699
    @janammaharjan2699 Před 2 lety

    Awesome thank you . can you please teach us how to integrate search field for table? :)

  • @divyaindoor7351
    @divyaindoor7351 Před 2 lety

    Help please! How do I make the first row sticky, so that header is always visible? Thanks in advance

    • @divyaindoor7351
      @divyaindoor7351 Před 2 lety

      Thank you!

    • @HeyFlutter
      @HeyFlutter  Před 2 lety

      Thank You DIVYA INDOOR! Follow this link: stackoverflow.com/questions/58026151/fix-top-row-in-data-table-in-flutter
      I hope you will get your answer 🙂

  • @muhammednashaf8136
    @muhammednashaf8136 Před 3 lety

    Thank you very much for your tutorial. I have a problem when the age is one digit then sort is not working properly can you please help me. Thanks

    • @muhammednashaf8136
      @muhammednashaf8136 Před 3 lety

      @@HeyFlutter Thanks for your quick reply. I just clone the code from git and I changed only the some of ages to one digit and tried. The same problem . But when I make it all into one digit then it’s work. Also if it’s all two digits then also it’s work. But I don’t know why when there one digit and two digit it’s not sorting properly. Please help me if you can.
      Thanks

    • @movacthuz
      @movacthuz Před 3 lety

      @@HeyFlutter it happens because in the tutorial we're sorting by strings, if the length of the strings are different (1 digit to 2 digit for example), then it's not working.. could you please provide an alternative way for this to work regardless of number of digits?

    • @HeyFlutter
      @HeyFlutter  Před 2 lety +1

      Thanks, also Muhammed Nashaf! 🙂 well this should not happen, please make sure to follow tutorial step by step

  • @akiltahsin
    @akiltahsin Před 2 lety

    How can I make the table fit full screen on windows build?

    • @HeyFlutter
      @HeyFlutter  Před 2 lety +1

      Thank You Akil Mohammad Tahsin! Follow this link: stackoverflow.com/questions/56625052/how-to-make-a-multi-column-flutter-datatable-widget-span-the-full-width
      I hope you will get your answer 🙂

    • @akiltahsin
      @akiltahsin Před 2 lety

      @@HeyFlutter Thanks a lot!

  • @mahdia6350
    @mahdia6350 Před 3 lety

    Hi Johannes, how can i create sortable dataTable when using futurebuilder?

    • @mahdia6350
      @mahdia6350 Před 3 lety +1

      @@HeyFlutter I followed your code but my code is not worked properly. I want to know how can I sort my DataTable when using FutureBuilder to fetch json data from server?

  • @premchandraseakaran1847

    I already used Data table and I don't know how to make it Fixed Row header ?

    • @HeyFlutter
      @HeyFlutter  Před 2 lety

      Thank You prem chandraseakaran! Follow this link: stackoverflow.com/questions/58398787/fixed-column-and-row-header-for-datatable-on-flutter-dart
      I hope you will get your answer 🙂

    • @prem5758
      @prem5758 Před 2 lety

      @@HeyFlutter Thanks a lot, I will take a look

  • @ajitbhattarai3809
    @ajitbhattarai3809 Před 2 lety

    How to make table headers sticky?

    • @HeyFlutter
      @HeyFlutter  Před 2 lety

      Thank You Ajit Bhattarai! Follow this link: pub.dev/packages/table_sticky_headers
      I hope you will get your answer 🙂

  • @borisllonalonso99
    @borisllonalonso99 Před 3 lety

    Hi Johannes! Is there any way to do that but instead of a pre-charged list using data from a db like firebase? Thanks!

    • @vishwaraj5539
      @vishwaraj5539 Před 2 lety

      @@HeyFlutter ordering part showing abnormal behaviour. i sent my code to your email.

    • @HeyFlutter
      @HeyFlutter  Před 2 lety

      Thank you, Boris Llona! 🙂
      You can do it just retrieve data from firebase, store it in list and follow the same procedure as per tutorial

  • @iGhostr
    @iGhostr Před 3 lety

    What are your gradient values in the AppBar? :D

    • @HeyFlutter
      @HeyFlutter  Před 2 lety

      Thank you, iGhost! 🙂Simply check out the source code of this video or also watch my tutorial about AppBars with gradient here: czcams.com/video/dHBF4IJZvHk/video.html

  • @ps.audiwaworuntu
    @ps.audiwaworuntu Před 3 lety

    how to sort data in listview from api? Can you help me? thx

    • @HeyFlutter
      @HeyFlutter  Před 2 lety

      Thank you, Irene Trifosa! 🙂. You could learn about sorting listview here: stackoverflow.com/questions/55855619/flutter-sorting-listview-items-based-on-type

  • @rizaladek4650
    @rizaladek4650 Před 3 lety

    how to apply a sticky header table to the data table can you please make the code

    • @rizaladek4650
      @rizaladek4650 Před 3 lety

      @@HeyFlutter Can you make the video please 🙂🙂🙂

    • @ExtraServingsBTS
      @ExtraServingsBTS Před 3 lety

      @@rizaladek4650 make yer own!

    • @HeyFlutter
      @HeyFlutter  Před 2 lety

      Thanks, Rizal! 🙂 Learn more about Sticky Headers in this tutorial here: czcams.com/video/QVxd0K_74Pc/video.html

  • @bariscelebi701
    @bariscelebi701 Před 2 lety

    please subtitle this video please

  • @davidhadwin3566
    @davidhadwin3566 Před 2 lety

    Please explain things. It takes ten times longer to do because we have to guess what you're up to.

  • @gamezone5618
    @gamezone5618 Před 5 měsíci

    this compare method not work on persian chars🤕

    • @HeyFlutter
      @HeyFlutter  Před 5 měsíci

      Hey @gamezone5618 can you please share more details?

  • @MoAdel92
    @MoAdel92 Před 3 lety

    this way of explanation is very tough to keep up with it

  • @jaycao1946
    @jaycao1946 Před 3 lety

    The acid broccoli repressingly employ because vulture ultimately precede until a symptomatic fowl. cloudy, grateful gratis step-grandmother

    • @garenthino
      @garenthino Před 2 lety

      @@HeyFlutter , this user is likely hiring a company to increase the number of subscribers for their channel; one of the ways these third party companies accomplish this is by using a bot to create randomized comments on as many videos across CZcams as possible, to get people to see the username in the comments, click on it and go to their channel. As you can see by his subscriber count, this method doesn't work, but it's an easy sale for the company providing the service, because it sounds like it would work. It's underhanded, shady, and as a general assumption, most people on CZcams nowadays are smart enough not to fall for it.

  • @comebonal5952
    @comebonal5952 Před 2 lety

    waste of time..

  • @dev.faizan
    @dev.faizan Před 3 lety

    React native disliker 🤓