Nouvelles JavaScript / HTML5

Concevez des rapports en Vue.js avec la prise en charge RTL

Août 22, 2025
À l’aide de contrôles de rapport qui prennent en charge les mises en page de droite à gauche, les développeurs de Vue.js peuvent équiper leurs applications de création de rapports pour gérer facilement les langues RTL.

RTL support (Right-to-Left) enables the creation and viewing of reports that can accommodate languages that are read from right to left, such as Arabic, Hebrew, Persian, Urdu, and so on. In the context of report design, this involves aligning text, tables, charts, and interface elements in a way that respects the natural reading direction of said languages, so that the report is displayed correctly for the target audience. Support for RTL languages is a key capability for developers and organizations operating in multilingual environments, ensuring users working in these languages can design, view, and interpret reports accurately and comfortably within the reporting application.

Several Vue.js reporting components include RTL support, including:

  • DevExpress Reporting offers Vue.js developers comprehensive report controls that support right-to-left layout alignment for RTL language environments.
  • ActiveReportsJS by MESCIUS lets you design and preview RTL-based reports with proper text alignment, layout orientation, and interactive viewing for RTL language users.
  • Stimulsoft Reports.JS also supports Vue.js as well as having built-in RTL rendering to ensure report content aligns as required for right-to-left languages.

For an in-depth analysis of features and price, visit our comparison of Vue.js reporting components.

Compare Vue.js Report Components

Améliorez la navigation PDF dans les applications React

Août 19, 2025
Grâce à la navigation par vignettes, les utilisateurs peuvent très rapidement localiser visuellement et accéder à des pages spécifiques d’un PDF sans avoir à faire défiler ou à utiliser les fonctions de recherche.

Thumbnail navigation is a feature often found in a PDF viewer that displays miniature representations of each page of the PDF file, typically in a side panel or dedicated section, that users can scroll through and navigate to the desired page by clicking on the relevant preview image. This functionality assists with identifying content layout and structure at a glance. By allowing users to visually scan through and select a specific page it simplifies the process of locating content at speed, especially in long or detailed files, and without having to scroll or use search functions.

Several React PDF viewer components offer thumbnail navigation, including:

  • Wijmo PDFViewer (part of Wijmo by MESCIUS) lets users preview pages as thumbnails, enabling efficient PDF navigation and quick access to specific content in React apps.
  • PrizmDoc Viewer (part of PrizmDoc by Accusoft) also supports React and facilitates fast page access with thumbnail previews, helping users identify and jump to relevant sections.
  • Syncfusion PDF Viewer (part of Syncfusion Essential Studio Enterprise) equips React apps with a lightweight PDF viewing component that supports quick navigation via thumbnails.

For an in-depth analysis of features and price, visit our comparison of React PDF viewer components.

Compare React PDF Viewer Components

Rehaussez le style de la table grâce à une personnalisation complète

Août 18, 2025
Froala Editor 4.6.0 ajoute une fenêtre modale avancée sur les propriétés de la table avec des commandes intuitives pour personnaliser les couleurs d’arrière-plan, les dimensions et l’alignement.

Froala Editor is a JavaScript-based WYSIWYG HTML editor that empowers developers to seamlessly integrate rich text editing functionalities into their applications. Despite its extensive feature set of over 100 options, Froala prioritizes user experience through a cleverly designed toolbar. Actions are categorized into four intuitive scopes, ensuring every feature is readily accessible while maintaining a clean and uncluttered interface. This balance of power and usability makes Froala Editor a versatile solution for a wide range of content creation scenarios.

The Froala Editor 4.6.0 update introduces a highly configurable Table Properties modal that brings detailed table customization into a single, accessible interface. Activated via the table toolbar, this modal lets users set background colors using a color picker that supports both RGB and hex values, applying changes uniformly across all cells. Table borders can now be precisely styled with user-defined color, thickness, and style options such as solid, dotted, dashed, and more. Users can also define table width and height in pixels or percentages, ensuring responsive layouts that adapt to various screen sizes. Alignment controls allow tables to be positioned left, center, or right within the content area. For enhanced readability, especially in data-intensive scenarios, alternating row colors can be toggled on or off to visually separate content. This update gives developers and content creators the granular control needed to create well-structured and visually consistent tables.

To see a full list of what's new in 4.6.0, see our release notes.

Froala Editor is licensed per product and domain. It is available as an annual or perpetual license with version upgrades and support. See our Froala Editor licensing page for full details.

For more information, visit our Froala Editor product page.

Appliquez des fonctions LAMBDA directement aux sélections de cellules

Août 15, 2025
SpreadJS 18.2 ajoute une nouvelle commande Transformation pour exécuter des formules LAMBDA sur des cellules sélectionnées et les remplacer en une seule étape.

SpreadJS is a high-performance JavaScript spreadsheet and data presentation component designed for enterprise web applications. It enables developers to deliver Excel-like functionality directly within their web solutions, providing advanced features such as data binding, complex calculations, pivot tables, charts, and extensive formatting options. Fully compatible with modern JavaScript frameworks like React, Angular, and Vue, SpreadJS allows seamless integration and customization, empowering development teams to create interactive, data-driven user experiences without relying on external spreadsheet applications.

The SpreadJS 18.2 adds a new Transform command which enables you to apply LAMBDA functions directly to a selected range of cells and replace the original content with calculated results. This simplifies data transformations - whether mapping, filtering, or reshaping - into a clean, single-step process. With this feature, you can select any range and apply a custom LAMBDA formula - for example, converting units, adjusting values, or formatting entries - and have SpreadJS overwrite the selection with the computed results immediately. This removes manual steps like inserting formulas in separate cells, copying values, or pasting back as values. This feature integrates with SpreadJS’s existing LAMBDA capabilities to offer more interactive and efficient spreadsheet manipulation.

To see a full list of what's new in 18.2, see our release notes.

SpreadJS is licensed per developer and includes 1 Year Maintenance (major and minor version releases and unlimited support phone calls). SpreadJS requires an Annual or Perpetual Deployment License. The optional Add-ons are available at an additional cost, and require a SpreadJS license. See our SpreadJS licensing page for full details.

For more information, visit our SpreadJS product page.

Exporter des plages de données définies dans Vue.js

Août 14, 2025
Les grilles avec sélection d’exportation intégrée permettent de choisir les lignes, les colonnes ou les cellules à exporter, sans avoir à exporter l’intégralité de la grille de données.

Export selection in a data grid is the ability to export only a defined range, the specific rows, columns or cells that a user has actively selected, rather than the entire dataset. This selective approach is particularly valuable when working with large data sets, as it allows users to extract and share only the most relevant subset of information without additional filtering or manual deletion after export. By reducing the volume of unnecessary data in exported files, it improves efficiency, helps maintain focus on the intended content, and can enhance security by avoiding the inclusion of sensitive or unrelated information. This targeted export capability is commonly used to output data in formats such as CSV, Excel, or PDF, supporting the integration of grid data into reporting and analysis processes.

Several Vue.js grid components allow you to export selections, including:

  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete by DevExpress) provides the option to export a user-defined range to Excel or PDF in Vue.js applications.
  • Wijmo FlexGrid (part of Wijmo by MESCIUS) includes a "selection" export mode which gives users greater control over output by exporting a chosen range from the grid to PDF.
  • Handsontable by Handsoncode facilitates the export of selected ranges from a dataset in Vue.js apps, offering flexibility to share specific portions of complex or extensive grids.
  • Syncfusion JavaScript DataGrid (part of Syncfusion Essential Studio Enterprise) comes with options for exporting filtered, current page and selected records, and to Excel, CSV or PDF.

For an in-depth analysis of features and price, visit our comparison of Vue.js grid components.

Compare Vue.js Grid Controls