Material UI - Table Sorting and Pagination

Поделиться
HTML-код
  • Опубликовано: 14 июн 2024
  • The mother of all table videos.
    Like, Share, Sub.
  • НаукаНаука

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

  • @antoniomeireles4369
    @antoniomeireles4369 3 года назад +6

    Words can not express how much this has helped me man. Thank you for putting in the time to simplify this process. Props to you my friend.

  • @Yoissef
    @Yoissef Год назад +2

    Thank you!❤
    I used everything you thought me today
    but I did realise that:
    onChangePage is actually onPageChange
    and
    onChangeRowsPerPage is actually onRowsPerPageChange
    Idk if it's a new update or what but it was easy fixing it!
    Thank you soo much ❤

  • @Himanshu_Sharma..
    @Himanshu_Sharma.. 3 года назад +4

    Brother I just can't thank you enough for completing my request . you are my savior and you made my day I wish I could pay for this ❤️ thanks a ton brother .

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

      No problem. It took me a while to break it all down and go through it, but I think I did enough justice. Thanks for being a fan of the page!

    • @mags-lv8hb
      @mags-lv8hb 3 года назад +1

      @@JesusTaketheCompiler it only takes one headache to save people many headaches :)

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

    Thank you for this video. You helped me so much! :)

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

    Thanks for the the time and effort you took to put together this video. I was wondering if you had a way of handling the pagination bug tied to the material TablePagination component? It only reveals itself when you are paginated up on one data set but then when you shrink the size of the data, it then displays the start page to be a higher number than the end page, essentially the state of the last dataset remains the page number view.

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

    Thank u a lot from Argentina!

  • @mijimelon
    @mijimelon Год назад +1

    nice

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

    thanks for your effort, fren!

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

    thanks for video ❣

  • @jonathanmalai7423
    @jonathanmalai7423 3 года назад +2

    Thanks man ! Great video.... I have some problem in sorting numeric values .... the sorting function sort the values as strings and not as numbers .
    I'd try to cast using Number() but than it isnt sorting at all :(
    U met that problem?

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

    Thank you! this video still saves lives!

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

      I try! I appreciate you!!

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

      @@JesusTaketheCompiler hey there, since you are replying maybe i can ask a quick question:
      I am havin trouble with the sorting logic.. for example i want to sort the following product names: "jeans red" and "jeans blue" ; preffered order: "jeans blue", "jeans red"
      However it seems that the sorting only compares the first Value of the name so "J" and "J" and then does not sort at all..
      could you help me with that?
      Cheers

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

      same with numbers 110 an 1100 always have the same sorting Order
      :/

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

      @@alexscorer1 maybe if you break them into blue or red or some key/value pair like json. That may help.

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

      @@alexscorer1 maybe something like this can be implemented in place? stackoverflow.com/questions/49229846/javascript-sorting-numbers-not-working-as-expected

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

    thanks for the great explanation buddy

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

      You are too kind. Thank you! I try and take what I know and put it out there to help others.

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

      @@JesusTaketheCompiler i suffered a lot with the typescript version from mui sandbox can you make a video on explaining that for part 2 of this

  • @SunidhiChouhan-nm8bh
    @SunidhiChouhan-nm8bh Месяц назад

    than you so much

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

    love this ty

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

    great video, thanks! What extention are you using for coloring the block content? Is it Blockman?

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

    Thank you sensei!

  • @Allan-lg7dm
    @Allan-lg7dm 3 года назад

    Hi, I get a is not defined. Where do a and b come from in the getComparator function? Thanks

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

    Hi, thanks for video! What are A and B in getComparator? it causes error in my code, can't get it

  • @sudhveersingh8993
    @sudhveersingh8993 3 года назад +2

    Hey can you make a video on sort table by date and time ,thanks a lot

  • @savvaschristodoulou9952
    @savvaschristodoulou9952 3 года назад +2

    Very helpful, can we get a link with the source code?

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

    how to add colorfull space between rows?

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

    Topic: Full stack javascript - Data Pagination and Filtering
    Good day,
    If I may humbly ask a little help, any hints, comments and suggestions are very much welcome, thank you in advance for all your help, please see question below, how do I code this?:
    /*
    Create the `showPage` function
    This function will create and insert/append the elements needed to display a "page" of nine students
    */
    /*
    Create the `addPagination` function
    This function will create and insert/append the elements needed for the pagination buttons
    */
    // Call functions

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

    Make Server Side Pagination on this :)

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

    I cant handle looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooot adds

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

      Other videos I watch spam me with ads too. I monetize my stuff because I want to make money and do it full time eventually, but yes I've noticed more ads in general on most channels.
      Sorry :-(

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

    nice

  • @mags-lv8hb
    @mags-lv8hb 3 года назад +1

    nice

  • @Keegan-T
    @Keegan-T Год назад

    nice