Flutterflow Datatables | Everything You Need to Know - Build Magical Tables

Поделиться
HTML-код
  • Опубликовано: 29 июн 2024
  • Everything about Flutterflow Datatable from Sorting, Filtering, Search, Pagination, and Actions.
    Introducing Flutterflow Datatables - the ultimate way to create dynamic and functional tables in your Flutterflow apps. Learn how to use sorting, filtering, searching, pagination, and more to build magical tables with ease. Perfect for any app that needs to display data in an organized and user-friendly way. Watch now to unlock the full potential of Flutterflow Datatables!
    Please Subscribe
    [ 00:00 ] 🚀 Introduction to Flutterflow Datatables
    [ 00:26 ]🧭 Overview and demonstration of key features.
    [ 03:10 ] 📊 Setting up Data Table in Flutterflow.
    [ 08:23 ] 🔍 Datatable Sorting
    [ 16:00 ] 🔍 Datatable Search Functionality
    [ 27:27 ] ⭐ Selectable Rows and Actions
    [ 42:26 ] 📝 Datatable View, Edit, and Delete Row
    - Implementing view, edit, and delete functionalities.
    [ 47:36 ] 🔄 Conclusion
  • НаукаНаука

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

  • @seby5962
    @seby5962 4 месяца назад +1

    Great video! Thank you so much

  • @jestruck
    @jestruck 13 дней назад +1

    awesome video! can you do the same but with API to call data from external database? Do you have videos/guides ? Thanks!

  • @Mogizen
    @Mogizen 4 месяца назад +3

    Really love your videos! Your explanations are great and the information is invaluable. Thank you and keep going!

    • @Nocode_Solutions
      @Nocode_Solutions  4 месяца назад

      Glad you like them!
      Your comment really means a lot. Thank you.
      Lets keep going :)

  • @danlloyd921
    @danlloyd921 4 месяца назад +1

    Awesome video, thank you so much! 🙇‍♂

  • @felsen16
    @felsen16 Месяц назад

    Excelente explicación

  • @GhemaDiva
    @GhemaDiva 4 месяца назад +1

    interesting, I will try it

  • @deracketclub1695
    @deracketclub1695 Месяц назад +1

    After trying flutter (not flutterflow) i found it was difficult to learn. So i started Flutterflow and first it looked nice. But unfortunately no bluetooth support and Flutterflow couldnt help me with this (because they found some parts of bluetooth packages didnt work with Flutterflow). Because bluetooth was absolutely necessary for my projects, i stopped Flutterfow and tried flutter again. After some time i got used to it and now i am so happy that i moved to flutter. Now i write apps in very short time and very happy that i learned flutter.

    • @Stephane_
      @Stephane_ 7 дней назад

      Thank you for sharing your feedback!

  • @andywarwick3745
    @andywarwick3745 2 месяца назад +1

    Thankyou my brother! ❤

  • @kayzchronicupturn1015
    @kayzchronicupturn1015 3 месяца назад

    Thank you bro!! Good tutorial!!

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

    Dude you are Awesome

  • @faanprojj_tv
    @faanprojj_tv 4 месяца назад

    I hit that sub button good luck with your journey

  • @danzreview
    @danzreview 3 месяца назад +1

    bro please make tutorial about filtering datatable like by month, week, yearly like that?

  • @lucianaribeirocorrea9088
    @lucianaribeirocorrea9088 Месяц назад

    Hello! I'm from Brazil. Congratulations on the video. Could you teach me how to configure DataTable pagination? It loads 1000 lines and I need it to load more lines. In supabase I have a table with 10 thousand rows and FlutterFlow only displays the first 1000, it doesn't load more than that. sorry for English

  • @tyler.bastian
    @tyler.bastian 14 дней назад

    Hi, really great tuto and appreciate it! But got confused when following your step by setting the filter with simple search. Do you know the rules of filter? For example, i got 6 rows and they are: dev filter test, dev_filter_test, dev-filter-test, test3 dev task2, test3-dev-task2, test3_dev-task2. When i try to filter them by input dev. I thought all 6 rows should be shown up. But in fact, test3-dev-task2, test3_dev-task2 can't. Only the first 4 rows, do you know why?

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

    Thank you for the response and help. Yes, mine is a list of dogs instead of employees, but the data table is loaded into a page state just like you and the data table children are created from it. Then on my button I try to pass the children items just like you except the available options does not populate with no further changes. I have two choices; index in list which is red and cannot be selected and Get Row Field which does let me confirm. Says current variable is not valid.

  • @juanquiroz8182
    @juanquiroz8182 21 день назад

    hi, we want to do this but only permission to select one of the rows

  • @SreelakshmiC-bs6gv
    @SreelakshmiC-bs6gv 3 месяца назад +3

    How to add rows and data manually by by clicking + button?

    • @Nocode_Solutions
      @Nocode_Solutions  3 месяца назад +1

      You can just create another component with form fields and action to perform a Database insert. Then tie it on the plus/add button on your main page

    • @Nocode_Solutions
      @Nocode_Solutions  3 месяца назад

      You can just create another component with form fields and action to perform a Database insert. Then tie it on the plus/add button on your main page

  • @DeSofSistemas
    @DeSofSistemas Месяц назад

    NO! Is it possible to load more than 1000 records into DataTAble from Supabase?

  • @artemgordon75
    @artemgordon75 3 месяца назад

    I wish it was easy to implement real-time supabase data with data tables in FF

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

    When I pass my paramater and select the employees items I do not have the no further changes option like you do. What could I have done wrong?

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

      What data source are you using? Is it the section where we pass the employee to the component?

  • @undisclosedlocations
    @undisclosedlocations Месяц назад

    Does a DataTable support DateTime fields? I'm getting bugs on my end only with DateTime variables

    • @undisclosedlocations
      @undisclosedlocations Месяц назад

      It does *face slap*. You need to set the default value to a number, I tried using an empty string

  • @rabeezley
    @rabeezley 3 месяца назад

    Nice video! Is there a way to export the datatable to a PDF for printing?

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

      Not that I know of, but it should definitely be possible.
      Just try looking around.

  • @jaguarconsultoriadigital8147
    @jaguarconsultoriadigital8147 4 месяца назад

    Thanks for the video.
    Can you expose the code to us?
    Grateful

    • @Nocode_Solutions
      @Nocode_Solutions  4 месяца назад +1

      Sure. Write me privately
      I intend to make it and many others available to a certain group of people so I can get something off it.
      Don't know if you have any idea

  • @BeefCurd
    @BeefCurd 7 дней назад

    had anyone gotten this working for firebase?

    • @BeefCurd
      @BeefCurd 6 дней назад

      Yeah, I cannot get this filter thing to work on with firebase

  • @deevirus6725
    @deevirus6725 3 месяца назад +1

    Please use firebase

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

    bro the importan part is where you can edit the table, and you skip it, lol..

  • @ivanko9371
    @ivanko9371 3 месяца назад

    Great video. However, I found the following errors about the newEmployeeSortingFunction, pls help:
    CODE:
    employees.sort((a, b) => order ? a.name.compareTo(b.name) : b.name.compareTo(a.name));
    ERROR:
    The argument type 'String?' can't be assigned to the parameter type 'String'
    Thanks for your help in advance.

    • @Nocode_Solutions
      @Nocode_Solutions  3 месяца назад

      What does your Employee table structure looks like?

    • @ivanko9371
      @ivanko9371 3 месяца назад

      The columns in supabase table are: id (int8), created_at (timestampz), Name (varchar), Position (varchar), Department (varchart), Salary (numberic).
      Thanks for your help in advance.

    • @ivanko9371
      @ivanko9371 3 месяца назад

      @@Nocode_Solutionspls advise any update? thx for your help in advance

  • @lourivalthomaz
    @lourivalthomaz 3 месяца назад

    pode passar seu contato

    • @Nocode_Solutions
      @Nocode_Solutions  3 месяца назад

      You can reach out to me on the Flutterflow community community.flutterflow.io/member/mzFbNg0spg