JavaScript / HTML5 新闻

将动态计算添加到报表

5月 6, 2026
定义计算字段以在运行时生成数值，从而减少修改底层数据源或预处理逻辑的需要。

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

在 jQuery 中跨多列排序数据

5月 5, 2026
通过在多网格列上应用分层排序，在 Web 应用程序中高效组织和比较复杂数据集。

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

在 Angular 应用中启用统一的 UI 主题

5月 1, 2026
在各个组件间应用集中样式，以便与品牌保持一致、简化维护并支持可扩展设计系统。

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

生成与 Ignite UI 组件一致的 AI 代码

5月 1, 2026
Infragistics 引入了 AI-ready 框架、设计到代码生成以及广泛的框架模板，以适应新式开发流程。

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:

创建、编辑和自定义 JavaScript 数据表

4月 29, 2026
使用 Highcharts Grid Pro 为您的 JavaScript 应用提供完整的交互式数据体验。

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.