Smart UI (Smart HTML Elements) v27.0.0メジャーバージョン2026年8月13日
機能
Angular 22 support - The smart-webcomponents-angular package now supports Angular 22.
Data Grid Pivot View - Setting view: 'pivot' aggregates the data source into a cross-tab. Pivot is a native view, like 'card', so existing Grid features keep working on the pivoted result. Row groups are ordinary tree rows, which means expanders, expandRow, collapseAllRows and indentation apply unchanged, while the column axis becomes collapsible banded headers.
Pivot Engine - Smart.Utilities.PivotEngine is a DOM-free aggregation engine that is unit-testable without a browser. It uses single-pass bucketing rather than a filter per cell, and provides 14 aggregators mirroring Smart.DataAdapter.summarize by name and semantics. Custom aggregators receive a (values, records, value) signature, so calculations such as a weighted average have access to the underlying records.
Pivot Configuration API - A pivot property bag on the Grid exposes rows, columns, values, grandTotalRow, grandTotalColumn, rowSubtotals, columnSubtotals, designer, fields, freezeGrandTotalRow, rowSort and columnSort.
Value Display Calculations - A per-measure showValuesAs option supports percentOfRow, percentOfColumn, percentOfTotal, percentOfParent, runningTotal, differenceFrom and rank.
Hierarchy-Aware Sorting and Top-N Filtering - sortPivotBy(columnId, order) and pivotTopN(columnId, count, order) sort or filter leaves within their parent, keep group rows anchored and pin the grand total last, preserving the hierarchy that a generic sort would flatten.
Pivot Filtering - Added getPivotFilters(), setPivotFilters() and clearPivotFilters(), together with a pivotFilter event. Filters run before aggregation, so totals are recomputed from the surviving records rather than masked. Evaluation uses Smart.Utilities.FilterGroup, so filter semantics match the rest of the library.
Pivot Designer - Added createPivotDesigner(container), getPivotDesigner(), refreshPivotDesigner(), destroyPivotDesigner() and pivotDesignerFields(), plus a pivotDesignerChange event. The designer hosts the existing smart-pivot-panel element. A right-click context menu adds and removes fields, changes the summary function and showValuesAs, and reorders an axis without dragging.
Pivot Layout Persistence - Added getPivotLayout() and setPivotLayout() which express the arrangement as plain JSON and round-trip through stateSettings.storage. They are kept separate from the pivot bag because that may hold functions, which JSON.stringify drops silently. getState and loadState carry the layout automatically.
Programmatic Column Group Collapse - Added collapseColumnGroup(name) and expandColumnGroup(name), with a columnGroupCollapse event. The Grid could previously collapse a group only through its header button. A collapseTo: 'first' | 'last' option supports a total column that sits on the far side of its band.
Direct Pivot Model Access - Added setPivotModel(model), getPivotModel() and setPivotSource(records) which drive the engine directly, for example against server-computed aggregates.
PivotTable Frozen Row Headers - freezeRowHeaders pins the row-label columns to the left edge, the horizontal counterpart of the inherited freezeHeader. It is disabled by default. Previously, scrolling a wide pivot horizontally left a grid of numbers with no visible row labels.
Expanded PDF Export Options - pageSize, pageMargins, documentInfo, fonts, userPassword, ownerPassword and permissions are now supported, along with a real page footer via pageNumbers, pageNumberFormat and pageNumberAlignment. pageNumbers defaults to false, so existing exports are unchanged.
Gantt Manual Scroll Position - Added getVerticalScrollValue(), setVerticalScrollValue() and getVerticalScrollMax(), with the equivalent horizontal methods. A pending value is applied once the scrollbars report a usable maximum, so setting a position before render works. The scroll event is intentionally non-bubbling.
Asynchronous and Server-Side Validation - Validator.validate() returns a Promise when any rule is asynchronous. Adds Form.validateAsync(), a remote rule type, and a pending status with matching styling while a request is in flight.
Grid API Audit Tooling - Scripts/grid-api-audit.js diffs Grid.prototype against documentation/json/jqxgrid.json, the definition that generates the TypeScript typings, all four framework wrappers and every API documentation page. Its --check mode fails CI on newly undocumented API, on documented API that no longer exists, and on a Grid module missing from source/modules/jqxgrid.js.
New Demos - Demos/grid/pivot demonstrates a pivot with a docked designer, a colour scale over the value cells and a filter-aware summary strip. Also added: demos/gantt/scroll-position and demos/form/server-side-validation.
Nested Column Group Collapse - Collapsing a nested column group now hides the whole subtree. The rule that keeps one member visible previously ran at every level of the recursion, leaving one column behind per child band so that collapsing a parent appeared to do nothing. It now runs once over the collapsed subtree. Flat groups, groups holding an allowCollapse: false column, and inline groups are unchanged.
Styled Grid PDF Exports - PDF exports now carry cell styling. getUniqueStylePDF reads the style.rows[row][dataField] shape the Grid actually writes, in addition to the legacy style.columns[dataField][row]. Exports using exportStyles, formatFunction or cellsClassName previously came out unstyled.
Export of Underscore-Prefixed Columns - getDatafields skipped every _-prefixed property. It now exempts those the host declared as export columns, so exports of a grid with an underscore-prefixed dataField include that column.
PDF Export Style Mapping - FontFamily and border are now mapped from the export style. fontFamily is emitted only when it resolves to a registered font, since an unregistered font causes a render-time failure. A warning is logged when an XLSX-only dataExport setting is used with a PDF export; nine such settings were previously ignored without notice.
修正
Fixed setGroupState throwing on a column group tree that mixes collapsible and non-collapsible groups, where the recursion assumed every sub-group has a collapse button.
Fixed a recycled cell element rendering a permanently blank label when handed to a column that had become the tree column at runtime. The element determined whether it was a tree cell only once, and the structure could be removed but never restored.
Fixed __renderConditionalFormatting crashing when a rule supplied a color the formatter could not use. Such columns are now skipped, matching the existing warning behavior. Note that highlight requires a six-digit hex color.
Fixed the XLSX exporter throwing on a column group spanning columns outside the exported range, and duplicating a header label by filling a hole in the header matrix from the row below.
Fixed expandAllRows in jqx-pivot-table running the expand twice for every non-leaf row, firing a duplicate expand event, and running on leaf rows that expandRow returns early for.
Fixed jqx-pivot-table drill-down truncating group labels. An unanchored pattern meant a label such as "Widget (500) Pro" lost its middle, and any label ending in a bracketed number was truncated.
Fixed sticky column headers in jqx-pivot-table breaking past nine header levels; offsets are now generated to 24.
Fixed pivot.columnSubtotals being documented and honored by the engine but never declared or forwarded by the Grid, so disabling it had no effect.
Fixed docs-overview.js emitting a non-existent smart-webcomponents-vue package in its JSON-LD install step across 68 pages, contradicting the visible install command on the same page.
Smart UI (Smart HTML Elements) v26.0.0メジャーバージョン2026年5月7日
機能
Pro Themes (Material 3, Fluent, Strata, Tabula) - A new suite of professionally designed themes is now available. These include Material 3 for modern Material Design systems, Fluent for Microsoft-style interfaces, Strata for a shadcn-inspired minimal aesthetic, and Tabula for spreadsheet-like (Excel-style) enterprise applications.
Data Grid Modularity - The Data Grid has been redesigned to support modular imports, allowing developers to include only the required features. This significantly improves application performance and reduces bundle size in feature-specific implementations.
Simplified Data Grid API - A new high-level configuration API has been introduced, including sortable, filterable, selectable, groupable, pageable, columnResize, columnReorder, setAt, getAt, and batch. These additions streamline setup and reduce boilerplate configuration.
Data Grid Cell Comments - Introduced native support for cell-level comments within the Data Grid, enabling richer collaboration, data annotations, and contextual feedback directly in tabular views.
Large Dataset Performance Optimization - Rendering and interaction performance has been significantly improved for grids handling large-scale datasets, ensuring smoother scrolling and faster updates.
Improved Grid Editing Experience - Refinements to editing workflows include clearer cell focus indicators and more consistent behavior when using popup editors.
Accessibility Enhancements - ARIA support has been strengthened across grid components, with improved compatibility and navigation support for NVDA screen readers.
AI-Enhanced Documentation - The documentation system has been upgraded with an integrated AI assistant, providing contextual guidance, usage examples, and faster navigation of complex APIs.
Scheduler Month Repeat Pattern Enhancement - The recurring event system has been extended to support advanced monthly patterns, including repetition by specific day of the week for greater scheduling flexibility.
CSS Utilities Library - A new utility-first CSS toolkit has been introduced to simplify layout composition, spacing, alignment, and responsive styling across applications.
Grid Architecture Refactoring - Internal restructuring of the Data Grid results in a reduced bundle size of approximately 500KB, improving load performance and initialization speed.
Delayed Web Component Initialization - New appendTo initialization control allows components to be instantiated only when attached to a target container, improving performance in dynamic rendering scenarios.
Enhanced Dark Mode Defaults - The default dark theme has been refined for improved contrast, readability, and visual hierarchy across all core components.
Improved Tree component dropdown mode behavior and stability.
Enhanced DropdownList multi-selection information display accuracy.
Added support for custom menu width configuration.
Introduced ListBox methods: addFilter and clearFilter for programmatic filtering control.
修正
Resolved issues with copy-paste selection behavior in the Data Grid.
Fixed tooltip positioning inconsistencies after Data Grid re-render operations.
Corrected CSV and TSV data binding errors involving special character handling.
Fixed validation error rendering in multiple Input components.
Resolved ListBox selection inconsistencies when filtering is active.
Fixed Scheduler validation issues for minimum and maximum date constraints.
Corrected focus handling behavior in jqxTimeInput.
Fixed filtering logic issues when values include logical operators such as "and" or "or".
Resolved Select All selection inconsistencies in list components.
Fixed PDF export issues related to header and footer rendering.
Smart UI (Smart HTML Elements) v25.5.02026年3月3日
機能
Grid Templates with Array Definitions - You can now define template elements using arrays, the Grid automatically updates when the array changes.
Customizable Grid Header Templates - Added a new, easier way to fully customize Grid headers using custom templates.
Grid Set Filters - Enhanced filtering capabilities for better data control and user experience.
Row Editing with Side Panel - You can now edit rows in a dedicated side panel for improved usability and cleaner workflows.
Row MouseEnter / MouseLeave API - Added new events for advanced row-level UI customization and interactions.
InsertRowBefore / InsertRowAfter API - You can now programmatically insert new rows before or after a specific row with ease.
Grid - You can now protect exported sheets.
Grid - You can now freeze columns in exported files.
Grid - Added a new Grouping Render option - Improved rendering behavior when grouping Grid data.
Tree - Disable Drag for Specific Items. You can now prevent drag-and-drop for selected Tree nodes.