#149 DataTables - Filters. Form fields OUTSIDE form. Checkboxes, radio buttons

06/11/2023
datatables

Previously we created a table that we can search and sort using gem Ransack, and paginate using gem Pagy.
We also made results update without page refresh using Hotwire Turbo Frames.

Now let's go DEEPER and have search in the navbar and FILTERS in the sidebar.
To do this, we will have to have HTML form fields OUTSIDE of a form. This is an HTML and ERB challenge.

We will also cover

  • form.select vs select vs select_tag
  • radio_buttons
  • collection_check_boxes

And this is what I call LAYERED DESIGN. PROGRESSIVE ENCHANCEMENTS. STEP BY STEP.

Episode source code: https://github.com/corsego/147-datatables-ransack-pagy-search-sort-paginate/commit/1344c9ce0e4f12fb2bb610840d234ddab3c1970c

0
Join the conversation
Sign in to leave comments and save lessons to your watchlist.
We collect your email address, name and username to create your account. We do not share your email address with anyone else.