Released: Dec 9, 2025

Mises à jour de v6.0

Fonctionnalités

• React 19 Support - Added support for the latest stable version of React, v19. ActiveReportsJS’s React interop enables you to utilize the ActiveReportsJS Designer and Viewer within your React application.
• Cell-based Report Designer - Design your reports in a cell-based report layout. Previously you were restricted to using a grid-based layout system.
  • The cell-based mode divides the design surface into a grid of cells, providing spreadsheet-like precision when positioning report items within the report. Useful for reports intended to be exported as Excel files, ensuring accurate alignment and structure in the generated spreadsheet.
  • You can switch between Free-form and Cell-based layout modes at any time.
• New Excel Export - ActiveReportsJS’s Excel Export has been completely redesigned.
  • Generate a separate sheet for each report section in continuous and pageless report layouts.
  • Preserve number and date data types, applying the same formatting defined in the report.
  • Leverage the new Cell-based layouts to represent report content with precise cell alignment - no more tiny, fragmented columns and rows.
• API Improvements
  • Report Viewer Component - Adding Custom Drop-down Buttons
    • Add custom drop-down buttons to the Report Viewer toolbar. Group related actions under a single toolbar item, creating a cleaner and more flexible user interface.
  • Report Viewer Component - Configuring Animation Effects
    • The Report Viewer initialization options and the Angular, React, Vue, and Svelte Report Viewer components now include a new animations property that lets you configure animation effects for charts and tables.
    • For tables, you can enable the onHover animation and specify the text and background colors for the highlighted row.
    • For charts, you can enable onLoad, onHover, and highlight animations.
  • Report Designer Component - Destroying the Designer Instance
    • The Report Designer API now includes a new destroy method that allows you to properly clean up the designer instance from the UI. The Angular, React, Vue, and Svelte Designer components automatically invoke this method during their respective lifecycle events.