JavaScript / HTML5 News

Add Dynamic Calculations to Reports

May 6, 2026
Define calculated fields to generate values at runtime, reducing the need to modify underlying data sources or preprocessing logic.

Calculated fields are dynamic values derived from existing data within reporting components. They enable complex data manipulations, calculations, and transformations, providing enhanced data analysis capabilities. By creating new fields based on existing data, calculated fields offer flexibility and efficiency, allowing users to perform calculations, aggregations, and logical comparisons directly within the report. This empowers users to generate insights, visualize trends, and make data-driven decisions without requiring modifications to the underlying data source, ultimately improving report accuracy and usability.

Several React reporting controls offer support for calculated fields:

  • DevExpress Reporting provides a comprehensive expression engine that allows calculated fields to be defined using a rich syntax, supporting functions and conditional logic.
  • ActiveReportsJS by MESCIUS enables developers to create calculated fields using JavaScript-based expressions, offering flexibility for dynamic calculations.
  • Stimulsoft Reports.JS includes built-in support for calculated fields with an intuitive expression editor, allowing users to define formulas that can reference other fields.

For an in-depth analysis of features and price, visit our React reporting controls comparison.

Compare React Reporting Controls

Sort Data Across Multiple Columns in jQuery

May 5, 2026
Organize and compare complex datasets efficiently in web applications by applying hierarchical sorting across multiple grid columns.

Multi-column sorting in a grid allows users to order data based on more than one column at the same time, applying a hierarchy of sort conditions. This means that when values in a primary column are identical, secondary or tertiary columns are used to further refine the order. The approach improves data exploration by enabling more precise organization, reducing the need for manual filtering, and supporting clearer comparisons across related fields. It is particularly useful in datasets where single-column sorting does not provide enough context to surface meaningful patterns.

Several jQuery grid components allow you to sort multiple columns, including:

  • DevExtreme jQuery Data Grid (part of DevExtreme Complete by DevExpress) supports multi-column sorting via a configurable mode with UI and API control.
  • Kendo UI jQuery Data Grid (Table) (part of Kendo UI by Telerik) enables multi-column sorting with modifier keys and configurable control over sorting behavior and order.
  • jQWidgets Grid (part of jQWidgets) provides multi-column sorting with support for defining sort priority and direction, manageable through both user interaction and code.
  • ZingGrid supports sorting across multiple columns, with behavior that can be configured and adapted through declarative attributes and event-driven customization.

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

Compare jQuery Grid Components

Enable Consistent UI Theming in Angular Apps

May 1, 2026
Apply centralized styling across components to align with branding, simplify maintenance, and support scalable design systems.

Theming support in UI component suites refers to the capability to define and apply consistent visual styles, such as colors, typography, spacing, and component appearances across an entire application. It typically allows developers to customize or switch themes dynamically, enabling alignment with branding requirements or user preferences without modifying core component logic. This separation of styling from functionality improves maintainability, reduces duplication, and accelerates development by promoting reuse, while also supporting scalability as design systems evolve and new themes are introduced.

Several Angular UI suites offer theming including:

  • Wijmo by MESCIUS allows you to apply consistent themes across components using CSS variables and customization tools, supporting branding alignment and visual updates.
  • Kendo UI by Telerik lets you build and manage themes through its ThemeBuilder and Sass-based styling, enabling control over component appearance and branding.
  • DevExtreme Complete by DevExpress facilitates theming with predefined styles and a visual theme builder, allowing developers to tailor UI components while maintaining consistency across applications.
  • Smart UI (Smart HTML Elements) allows you to customize themes using CSS variables and built-in styling options, enabling cohesive design control and efficient updates.

For an in-depth analysis of features and price, visit our Angular UI suites comparison.

Compare Angular UI Suites

Generate AI Code Aligned with Ignite UI Components

May 1, 2026
Infragistics introduces AI-ready scaffolding, design-to-code generation, and broad framework templates to align with modern development processes.

Infragistics Ignite UI is a collection of user interface components, frameworks, and development tools designed to help developers build modern web applications. It includes ready-to-use elements such as data grids, charts, and layout components for frameworks like Angular and React, along with tooling to simplify project setup and configuration. The focus is on handling complex data-heavy interfaces efficiently while maintaining performance, accessibility, and a consistent user experience across applications.

The Ignite UI CLI release includes a new Model Context Protocol (MCP) server that exposes documentation, API references, and scaffolding to tools like GitHub Copilot, Cursor and JetBrains AI Assistant. There is also support for generating code from images, making it easier to move from design to implementation. Angular templates have been refreshed, React templates expanded, and older project types removed to keep the setup process more focused.

Infragistics Ignite UI is licensed per developer and is available as a Perpetual License with a 1, 2 or 3 year support and maintenance subscription. See our Infragistics Ignite UI licensing page for full details.

Infragistics Ignite UI is available in the following products:

Create, Edit, and Customize JavaScript Data Tables

April 29, 2026
Use Highcharts Grid Pro to give your JavaScript apps a complete interactive data experience.

Highcharts Grid Pro is a versatile data grid component developed by the creators of Highcharts, offering both standalone functionality and tight integration within the Highcharts and Highcharts Dashboards ecosystems. It features advanced capabilities such as real-time data binding, column sorting, filtering, inline editing, pagination, and data export, enabling users to work with structured data efficiently. Features include:

  • Interactive Cell Editing
  • Configurable Validation Rules
  • Sparklines
  • Custom Behavior with Events
  • Full Branding Control
  • Much More!

Highcharts Grid Pro is licensed per developer as an Annual or Perpetual License with Internal, Saas, SaaS+ and OEM distribution options. The annual license includes support and all product updates for 1 year and must be renewed to continue to use the software. The perpetual license includes an "Advantage Subscription" which provides support and updates for a set period of time. If you do not renew Advantage then you may continue to use the software at the last release available during the active Advantage period. See our Highcharts Grid Pro licensing page for full details.

Learn more on our Highcharts Grid Pro product page.