feat(datagrid): move grid filters into a shared filter bar - #874
Merged
lcottercertinia merged 6 commits intoJul 27, 2026
Conversation
Facet, range and search filters move out of column headers into a responsive filter bar shared by Call Tree, Analysis and Database. - add datagrid-facet-filter / datagrid-range-filter native-popover controls and wire them plus a global search box through datagrid-filter-bar, replacing the per-column list/MinMax header editors (editors/MinMax removed) - OverflowList: collapse overflowing filters into a filter-icon popover panel with slot-aware inline controls, re-measure on child resize, and on-screen flip - consolidate Database (DML/SOQL/SOSL) tables onto the Call Tree column/sort styling and shared filter-control/popover tokens in global.styles - fix usage bars (Row Count, Time Taken): fill against the grid's own column total, not a governor limit, so they show for small values and on group rows
- cap the menu to the viewport (max-height: calc(100vh - 24px), border-box) and scroll the overflow so long field lists stay fully reachable on short screens - reposition on window resize, and reset-to-anchor before clamping in adjustPosition(), so an open menu can't drift off-screen when the viewport shrinks - add an 8px gap between each row's checkbox and its label
…ADME - changelog: reword the filter bar and full-table search entries in plain language and cite the relevant issues (certinia#604, certinia#112, certinia#538, certinia#299, certinia#488, certinia#539) - README: correct the Call Tree / Analysis / Database filter bullets to match the new filter bar (Analysis no longer has a type filter; add a Database line)
lcottercertinia
approved these changes
Jul 27, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
📝 PR Overview
Moves the per-column header filters out of the column headers into one filter bar above each grid (Call Tree, Database), so filtering is discoverable in a single place and scales down to narrow windows. Also tidies the shared grid styling and fixes the Database usage bars.
🛠️ Changes made
datagrid-facet-filter(multi-select, with a selected-count) anddatagrid-range-filter(min–max) controls, wired throughdatagrid-filter-bar; removes the per-columnlist/MinMaxheader editors (tabulator/editors/MinMax.*deleted).OverflowList: when the bar is narrow the filters collapse behind a Filter button that opens them in a panel with slot-aware inline controls; popovers flip to stay on-screen and re-measure when a filter's value changes.ContextMenu(Columns / field menu): capped to the viewport with scroll, repositions on window resize, and adds checkbox↔label spacing.filter-control/ popover design tokens; crisper grid header separator.🧩 Type of change (check all applicable)
📷 Screenshots / gifs / video [optional]
🔗 Related Issues
closes #873
related #604
related #112
related #538
related #299
✅ Tests added?
📚 Docs updated?
Anything else we need to know? [optional]
Known limitation (deferred): on a very narrow window in Bottom-Up view, the divider between the Columns selector and the filters can be overlapped by the right-hand cluster. Fixing it cleanly needs the toolbar to wrap, which conflicts with the current filter-collapse mechanism — tracked for a follow-up.