Dashboard panel: Table guidelines

Problem

The table component, when inside a dashboard panel has been interpreted by designers an engineers in different forms. From the way is looks to it's behavior around sorting and pagination. This combination should be standardized. The table styling and behavior within a CRUD component also differs from what we have today within the dashboard panel.

Dashboard panel tables Alternate design CRUD / GLQL table
Screenshot_2025-10-31_at_11.07.29 Screenshot_2025-10-07_at_12.53.20 Screenshot_2025-10-31_at_11.12.48

Proposal

  • Tables presented within a dashboard panel should use the same styling and behavior as GLQL tables presented in the CRUD component
  • Since dashboard panels are not collapsible, the table background should remind white
Current Proposal
dashboard-panel-table-current dashboard-panel-table-proposal

Additional considerations

  • Right-align numerical data - Numbers should align by decimal point to make comparisons easier. Left-align text content and headers for natural reading flow.
  • Balance information density - While dashboards need to be information-rich, Consider breaking large datasets into multiple focused tables or using progressive disclosure.

Progress checklist

  • Audit all tables designs that are presented within a dashboard panel
  • Define use cases
  • Create design proposal and guidelines
  • Solicited feedback
  • Update guidelines
  • Create issues for updating older components (if needed)

References

Edited by Libor Vanc