Skip to content

vmui: expandable rows in Table view - #1644

Open
qveensi wants to merge 2 commits into
VictoriaMetrics:masterfrom
qveensi:vmui-table-row-expand
Open

vmui: expandable rows in Table view#1644
qveensi wants to merge 2 commits into
VictoriaMetrics:masterfrom
qveensi:vmui-table-row-expand

Conversation

@qveensi

@qveensi qveensi commented Jul 29, 2026

Copy link
Copy Markdown

Implements #1630.

  • Generic Table gains an optional renderExpandedRow(row) prop — without it, rendered output is unchanged for other consumers (verified byte-identical in tests).
  • With the prop, each row shows a chevron; clicking inserts a full-width row underneath.
  • The logs Table passes GroupLogsFields — the exact field list / copy UI known from the Group view expansion.

Unit tests added (Table.test.tsx). Screenshots: attached in the comments below.

Closes #1630

@func25 func25 added the web-ui Issues related to the user interface: layout, styling, usability, or UI-specific bugs. label Jul 29, 2026

@cubic-dev-ai cubic-dev-ai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

All reported issues were addressed across 6 files

Reply with feedback, questions, or to request a fix.

Re-trigger cubic

Comment thread app/vmui/packages/vmui/src/components/Table/Table.tsx Outdated
Comment thread app/vmui/packages/vmui/src/components/Table/Table.tsx Outdated
Comment thread app/vmui/packages/vmui/src/components/Table/Table.tsx Outdated
@qveensi

qveensi commented Jul 29, 2026

Copy link
Copy Markdown
Author

View extend log in table format
image

@qveensi

qveensi commented Jul 29, 2026

Copy link
Copy Markdown
Author

Thanks for the review — all three points addressed in 0625bc7:

  • expanded state now resets on pagination bounds change (numeric deps), not tuple identity
  • added aria-expanded
  • label toggles Expand row / Collapse row (test updated accordingly)

qveensi added 2 commits July 29, 2026 11:06
Adds an optional renderExpandedRow prop to the generic Table component; when
present, each row gets a chevron cell that toggles a full-width row with the
prop's content. The logs Table view uses it to render the same field list as
the Group view expansion (GroupLogsFields), so a single entry can be inspected
without switching views. Other Table consumers are unaffected.

VictoriaMetrics#1630
- reset expanded state on pagination bounds change, not tuple identity
- add aria-expanded and a dynamic Expand/Collapse row label
@qveensi
qveensi force-pushed the vmui-table-row-expand branch from 0625bc7 to c599087 Compare July 29, 2026 08:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

web-ui Issues related to the user interface: layout, styling, usability, or UI-specific bugs.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

vmui: no way to expand a row / view full log entry in Table view

2 participants