#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
Sign in to join the conversation