Skip to content

docs(table): document filtering and the responsive filter controls - #139

Merged
markdumay merged 1 commit into
mainfrom
feat/table-filter-docs
Aug 23, 2026
Merged

docs(table): document filtering and the responsive filter controls#139
markdumay merged 1 commit into
mainfrom
feat/table-filter-docs

Conversation

@markdumay

Copy link
Copy Markdown
Contributor

Summary

Documents table filtering on the Table component page, and the new filter-responsive argument from gethinode/hinode#2137.

Why

filter and filter-col were undocumented entirely — the page covered wrapping and the data-table controls, but never filtering, despite the button group shipping in v2.5.0. Documenting filter-responsive on its own would have described collapsing a control the docs never introduced, so this adds a Filtering section covering all three.

What's added

  • Filteringfilter and filter-col, with a live example. Notes that filter-col is positional, so reordering a filtered table's columns means updating it, and points at justify for aligning the controls.
  • Responsive filter controlsfilter-responsive, with an example carrying enough categories to overflow a narrow viewport, which is the case the argument exists for.

The generated argument table at the bottom of the page picks up filter-responsive automatically from the structure definition; no change needed there.

Testing

Built and driven through hinode's example site with this branch mounted in place of the released module (HUGO_MODULE_REPLACEMENTS), against gethinode/hinode#2137, at 390px:

  • Plain filter example — no dropdown, button group visible; selecting "Fruit" narrowed 4 rows to Apple and Cherry.
  • filter-responsive example — button group hidden, dropdown visible; selecting "Herb" narrowed 5 rows to Basil and relabeled the toggle.

markdownlint-cli2 reports 0 issues on the changed file.

Important

Do not merge before gethinode/hinode#2137 ships in v3.22.0. The second example passes filter-responsive, which an older theme does not recognize — InitArgs would raise an "Invalid arguments" warning and the example would render a plain button group.

Note on existing lint failures

pnpm lint currently fails on content/blocks/preview.md, content/blocks/testimonials.md and content/components/testimonial.md (MD060, MD012, MD009). Those are pre-existing on main and untouched here — content/components/table.md is the only changed file and lints clean.

The table page documented wrapping and the data-table controls but never
`filter` or `filter-col`, so the filter button group was undocumented despite
shipping in v2.5.0. Add a Filtering section covering both, with a live example,
and note that `filter-col` is positional — reordering a filtered table's columns
means updating it.

Document `filter-responsive` (v3.22.0) under it, since the new argument only
makes sense once the button group it collapses has been introduced. The example
carries enough categories to overflow a narrow viewport, which is the case the
argument exists for.

The generated argument table at the bottom of the page picks up
`filter-responsive` automatically from the structure definition.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 5 (1M context) <[email protected]>
@markdumay
markdumay merged commit 4a18078 into main Aug 23, 2026
8 checks passed
@markdumay
markdumay deleted the feat/table-filter-docs branch August 23, 2026 09:35
@markdumay

Copy link
Copy Markdown
Contributor Author

🎉 This PR is included in version 1.15.8 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant