Flutter Tutorial - Sortable DataTable In 9 Minutes

Поделиться
HTML-код
  • Опубликовано: 10 дек 2024

Комментарии • 80

  • @HeyFlutter
    @HeyFlutter  2 года назад

    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: ruclips.net/video/z_5xkhEkc5Y/видео.html
    Create PDF Tables & Images Tutorial: ruclips.net/video/8j6GKtpRkow/видео.html
    Display Software Licenses Tutorial: ruclips.net/video/9lrLwIHI6IE/видео.html
    Secure Storage & Data Persistence Tutorial: ruclips.net/video/Oqhrxk_f1RE/видео.html
    Search & Filter ListView Tutorial: ruclips.net/video/oFZIwBudIj0/видео.html
    Expandable ListView Tutorial: ruclips.net/video/ReUa_Ws8EsY/видео.html
    Single & Multi Selection ListView Tutorial: ruclips.net/video/8FVkuixvNHc/видео.html
    Autofill Services In 5 Minutes Tutorial: ruclips.net/video/v8T4fnrQCf0/видео.html
    Buttons 2.0 Tutorial: ruclips.net/video/ytlDKJBxW_A/видео.html
    Null Safety In 5 Minutes Tutorial: ruclips.net/video/Q_WloMNKOkU/видео.html
    Migrate App To Null Safety Tutorial: ruclips.net/video/GLnQphHi1BY/видео.html
    Deploy Flutter Web App Tutorial: ruclips.net/video/xJo7Mqse960/видео.html
    Search Bar & Search Delegate Tutorial: ruclips.net/video/RaACAwvZ61E/видео.html
    App Bar Tutorial: ruclips.net/video/dHBF4IJZvHk/видео.html

  • @multiculturalvolleyballbar3467
    @multiculturalvolleyballbar3467 3 года назад +3

    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 3 года назад +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  2 года назад

      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 3 года назад +1

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

  • @user-iw2md2gl4q
    @user-iw2md2gl4q 3 года назад

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

  • @nomansalhab9628
    @nomansalhab9628 3 года назад

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

  • @SagarSinghAwesome
    @SagarSinghAwesome 2 года назад +1

    nice explanation

  • @ExtraServingsBTS
    @ExtraServingsBTS 3 года назад +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 3 года назад +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

  • @eyadabbod4903
    @eyadabbod4903 7 месяцев назад

    Thanks, that was helpful. 👍

    • @HeyFlutter
      @HeyFlutter  7 месяцев назад

      You are welcome, @eyadabbod4903 😊

  • @thazeroword646
    @thazeroword646 3 года назад +1

    Very nice useful video

  • @nasrulsetiawan
    @nasrulsetiawan 3 года назад

    Thanks.
    Need more data table videos. 😁

    • @nasrulsetiawan
      @nasrulsetiawan 3 года назад

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

    • @HeyFlutter
      @HeyFlutter  2 года назад

      Thanks, nasrul! 🙂Sure check out my other tutorials about data table here:
      1) Selectable Data Table Tutorial: ruclips.net/video/HZD-0zgpuak/видео.html
      2) Editable Data Table Tutorial: ruclips.net/video/D6yndJ_lk14/видео.html

  • @moasjf
    @moasjf 3 года назад +1

    Great!
    Thanks

  • @VladVons
    @VladVons 3 года назад +1

    Thanks

  • @JCSReyes
    @JCSReyes 3 года назад

    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 3 года назад

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

    • @HeyFlutter
      @HeyFlutter  2 года назад

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

  • @zuherabud744
    @zuherabud744 3 года назад

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

  • @yehentennakoon3185
    @yehentennakoon3185 2 года назад

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

  • @eNONO-ot4zh
    @eNONO-ot4zh 3 года назад

    Thank u. I need it

  • @aminuazeez938
    @aminuazeez938 3 года назад

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

    • @HeyFlutter
      @HeyFlutter  2 года назад

      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 🙂

  • @mahmoudzghal8779
    @mahmoudzghal8779 3 года назад

    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

  • @c0dingwithchris
    @c0dingwithchris Год назад

    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  Год назад

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

  • @janammaharjan2699
    @janammaharjan2699 2 года назад

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

  • @rajagovindan5754
    @rajagovindan5754 2 года назад

    Can you post pagination feature in datatable ?

  • @iGhostr
    @iGhostr 3 года назад

    What are your gradient values in the AppBar? :D

    • @HeyFlutter
      @HeyFlutter  2 года назад

      Thank you, iGhost! 🙂Simply check out the source code of this video or also watch my tutorial about AppBars with gradient here: ruclips.net/video/dHBF4IJZvHk/видео.html

  • @borisllonalonso99
    @borisllonalonso99 3 года назад

    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 3 года назад

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

    • @HeyFlutter
      @HeyFlutter  2 года назад

      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

  • @mahdia6350
    @mahdia6350 3 года назад

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

    • @mahdia6350
      @mahdia6350 3 года назад +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?

  • @Scorpio88ify
    @Scorpio88ify 2 года назад

    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  2 года назад

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

  • @muhammednashaf8136
    @muhammednashaf8136 3 года назад

    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 3 года назад

      @@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 3 года назад

      @@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  2 года назад +1

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

  • @divyaindoor7351
    @divyaindoor7351 2 года назад

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

    • @divyaindoor7351
      @divyaindoor7351 2 года назад

      Thank you!

    • @HeyFlutter
      @HeyFlutter  2 года назад

      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 🙂

  • @premchandraseakaran1847
    @premchandraseakaran1847 2 года назад

    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 2 года назад

      @@HeyFlutter

    • @HeyFlutter
      @HeyFlutter  2 года назад

      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 🙂

  • @akiltahsin
    @akiltahsin 2 года назад

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

    • @HeyFlutter
      @HeyFlutter  2 года назад +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 2 года назад

      @@HeyFlutter Thanks a lot!

  • @ps.audiwaworuntu
    @ps.audiwaworuntu 3 года назад

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

    • @HeyFlutter
      @HeyFlutter  2 года назад

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

  • @ajitbhattarai3809
    @ajitbhattarai3809 3 года назад

    How to make table headers sticky?

    • @HeyFlutter
      @HeyFlutter  2 года назад

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

  • @premchandraseakaran1847
    @premchandraseakaran1847 2 года назад

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

    • @HeyFlutter
      @HeyFlutter  2 года назад

      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 2 года назад

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

  • @rizaladek4650
    @rizaladek4650 3 года назад

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

    • @rizaladek4650
      @rizaladek4650 3 года назад

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

    • @ExtraServingsBTS
      @ExtraServingsBTS 3 года назад

      @@rizaladek4650 make yer own!

    • @HeyFlutter
      @HeyFlutter  2 года назад

      Thanks, Rizal! 🙂 Learn more about Sticky Headers in this tutorial here: ruclips.net/video/QVxd0K_74Pc/видео.html

  • @bariscelebi701
    @bariscelebi701 3 года назад

    please subtitle this video please

  • @davidhadwin3566
    @davidhadwin3566 2 года назад

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

  • @gamezone5618
    @gamezone5618 8 месяцев назад

    this compare method not work on persian chars🤕

    • @HeyFlutter
      @HeyFlutter  8 месяцев назад

      Hey @gamezone5618 can you please share more details?

  • @MoAdel92
    @MoAdel92 3 года назад

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

  • @shopme1122
    @shopme1122 2 месяца назад

    I am bored with flutter due to tables.

  • @jaycao1946
    @jaycao1946 3 года назад

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

    • @garenthino
      @garenthino 2 года назад

      @@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 RUclips 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 RUclips nowadays are smart enough not to fall for it.

  • @comebonal5952
    @comebonal5952 2 года назад

    waste of time..

  • @dev.faizan
    @dev.faizan 3 года назад

    React native disliker 🤓

    • @dev.faizan
      @dev.faizan 3 года назад

      @@HeyFlutter sure 😁