Skip to content

Add FormatPercent component to datatable

What does this MR do and why?

This MR adds a new FormatPercent component to the data table visualization system. The component calculates and displays percentage values with tooltips, taking numerator and denominator objects as props. It integrates with the existing data table component system and includes a Storybook story for documentation and testing.

Key changes:

  • New FormatPercent.vue component that formats percentage values using existing utility functions
  • Integration with the data table component system
  • Storybook story demonstrating standalone and table usage

References

Screenshots or screen recordings

Screenshot_2025-10-31_at_20.12.39

How to set up and validate locally

Run storybook locally

$ yarn storybook:start

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #574420

Edited by Ezekiel Kigbo

Merge request reports

Loading