Coding A Searchable Data Table In Plain Vanilla JavaScript

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

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

  • @markreeves5561
    @markreeves5561 4 года назад +1

    Thanks for this great project tutorial bro. I have got a lot from it. keep on bro. thanks very much

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

    Excellent tutorial very well explained, thanks! I assume this would still work with a paginated table?

  • @The_Soup_Wizard
    @The_Soup_Wizard 5 лет назад +1

    Dude I am so glad I saw the Reddit post you made a while ago that showed your channel to me. Your explanations are so much more clear than a lot of these tutorials. Even though I figured out what it meant through a lot of context clues, you're the first person to actually explain that 'keyup' is when the key goes back up. Little things like that get passed over so easily.
    I do have 1 question which was probably answered but I can't go back to check right now: in some functions where the event is the only parameter, e is used to tie back to that event. Is that just a standard practice among JS devs or do you have to use e to reference the event?

    • @PortEXE
      @PortEXE  5 лет назад +1

      Boopcheese when you define a function, you can accept arguments. E is just what we are naming the variable that the event gets assigned to. You can give it any variable name you like.

    • @The_Soup_Wizard
      @The_Soup_Wizard 5 лет назад

      @@PortEXE that's what I thought, thank you!

  • @thesuperiorman8342
    @thesuperiorman8342 4 года назад

    Thank you so much for this real quality tutorial. I just sub'd.

  • @CHRISTOPHE-dc7ve
    @CHRISTOPHE-dc7ve 4 года назад +1

    hello there, I finished that awesome tutotrial. 1 question : when I type in letters into the search bar, everything goes well, but when I erase them, the table is not going back to its original status. What can I make for that clue please.

  • @rosarioanccoperalta4276
    @rosarioanccoperalta4276 4 года назад

    Thank you so much ♥

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

    Hey i cant seem to translate it with your contact list video would like some help please

  • @fritzgerlin7884
    @fritzgerlin7884 5 лет назад

    Hi , Suppose it is a table with data from the database, which method is used?

  • @imaby.k
    @imaby.k 4 года назад

    can you make video related to pagination , but searching should be also there

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

    Hello, is it possible to have "search for something" text inside the search bar?

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

      Also I added an icon from awesomefont icon in one of the columns. Right when I search for its column, that column does not show the icon, but instead it's the awesomefont source code that is showing. Please help!!

  • @bikramchettri9405
    @bikramchettri9405 5 лет назад

    Thanks

  • @eugenetuyizere8857
    @eugenetuyizere8857 4 года назад

    Hellooo! What if the data in the table are from database?

    • @PortEXE
      @PortEXE  4 года назад

      Exact same concept.

    • @eugenetuyizere8857
      @eugenetuyizere8857 4 года назад

      PortEXE I am not sure how it looks like if possible you can make the tutorial of search from database. It can save me. Thanks

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

    Sorry, but I've downvoted your tutorial. You forgot to show us an essential point here. You create a searchData array in which you push the new search results, however you don't update the array with the original data when changing or deleting the search term. So your search function is totally useless if the original data is no longer retrievable once a first search request is made!