#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 access PRO lessons, access private repos, leave comments, create watch lists.
We collect your email address, name and username to create your account. We do not share your email address with anyone else.