Noticias sobre JavaScript / HTML5

Mejore el estilo de tablas con personalización completa

Agosto 18, 2025

Froala Editor 4.6.0 agrega el modal avanzado Table Properties, con controles intuitivos para personalizar los colores de fondo, las dimensiones y la alineación.

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.

Aplique funciones LAMBDA directamente a selecciones de celdas

Agosto 15, 2025

SpreadJS 18.2 agrega un nuevo comando Transform para ejecutar fórmulas LAMBDA sobre celdas seleccionadas y reemplazarlas en un solo paso.

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.

Exporte rangos de datos definidos en Vue.js

Agosto 14, 2025

Las cuadrículas con funcionalidad de selección de exportación incorporada permiten a los usuarios elegir filas, columnas o celdas específicas en lugar de exportar toda la cuadrícula de datos.

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

Visualice datos de encuestas multivariantes con gráficos de radar

Agosto 13, 2025

SurveyJS Dashboard v2.3.0 agrega gráficos de radar para clasificar preguntas, lo que facilita la comparación de múltiples valores de un vistazo con imágenes intuitivas.

SurveyJS Dashboard is a JavaScript UI component that visualizes survey responses in real time using interactive charts and tables, helping teams analyze data quickly and efficiently. It integrates with any JavaScript framework, including Angular, React, Vue, and vanilla JS. The dashboard renders data based on JSON schemas created in Survey Creator and filled with responses from the Form Library. Its flexible, backend-independent design allows integration with any custom backend. With a variety of chart types, it supports use cases such as customer feedback, employee surveys, and market research by turning raw data into clear visual insights.

The SurveyJS Dashboard v2.3.0 update introduces support for radar charts, which developers can use to represent rank-based responses more intuitively, helping users gain clearer insights into survey data without additional configuration. This new chart type is automatically available for Ranking questions and can be selected directly from the chart type menu within the Dashboard.

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

SurveyJS Dashboard is licensed per developer with a one-time payment for indefinite use. Access to updates and technical support is available through a subscription. See our SurveyJS Dashboard licensing page for full details.

Learn more on our SurveyJS Dashboard product page.

Edite y perfeccione los datos de hojas de cálculo con precisión

Agosto 12, 2025

Las herramientas avanzadas a nivel de celda permiten a los usuarios ingresar, formatear y ajustar el contenido de las hojas de cálculo sin esfuerzo, combinando precisión con interacción intuitiva.

Cell-level editing and interaction features are essential components of any modern spreadsheet application, as they directly influence how users enter, modify, and manage data at the most granular level. These capabilities go beyond basic typing to provide enhanced flexibility, control, and context, enabling users to maintain accuracy while streamlining workflows. A well-designed set of cell-level tools supports both data integrity and user productivity, ensuring that spreadsheets can handle everything from quick updates to complex, structured datasets with efficiency and precision.

Common features include:

Cell Comments/Tooltips enable contextual notes or guidance to be attached to specific cells, aiding collaboration and documentation.
Cell Formatting provides options for adjusting fonts, colors, borders, and number formats, improving both readability and visual appeal.
Clipboard Operations such as cut, copy, and paste simplify moving or duplicating content while preserving formatting and formulas.
Find / Replace simplifies locating and updating values across large datasets.
In-cell Data Editing allows users to enter or update values directly within a cell for faster, more intuitive workflows.
Inserting Columns enables users to add new vertical sections to the spreadsheet, creating space for additional data fields or reorganizing existing content without overwriting adjacent information.
Inserting Images enables embedding of visual elements directly into the spreadsheet for richer presentations.
Inserting Rows allows the addition of new horizontal entries, supporting expansion of datasets, schedules, or tables while maintaining the integrity of surrounding data.
Merging Cells lets users combine multiple cells into one for clear headings or layout adjustments.