Grids 新闻

用省略号优雅地处理网格单元格中的长文本

7月 10, 2025
Handsontable 16.0.0 添加一个新的“textEllipsis”功能，其用省略号缩短超长单元格内容，从而表示隐藏文本。

Handsontable is a JavaScript library designed to help developers build interactive data grids into their web applications. Offering a familiar spreadsheet-like interface, it allows users to edit, sort, and filter data with ease. Highly customizable and compatible with popular frameworks like React and Angular, Handsontable empowers developers to build robust data manipulation features into their web applications.

The Handsontable 16.0.0 update adds a new feature called 'textEllipsis' which improves the readability and layout of tables. When activated, this feature automatically replaces any overflowing text in a cell with an ellipsis (…), ensuring that excessive content does not spill over and disrupt the alignment of the table. This approach keeps tables visually clean while clearly signaling that additional content exists, making it easier for users to scan data-heavy views without distraction.

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

Handsontable is licensed per developer and is available as an Annual or Perpetual license with 1 year support and maintenance. See our Handsontable licensing page for full details.

For more information, visit our Handsontable product page.

使用紧凑的迷你图可视化趋势

7月 7, 2025
通过显示单元格内的数据趋势、增强清晰度、比较和决策能力，网格中的迷你图提供快速可视化见解。

Sparklines are small embedded charts displayed within individual cells of a data grid or table, offering a compact and intuitive way to visualize trends, patterns and variations in data. Unlike traditional charts, sparklines are designed to fit alongside text or numerical values, providing immediate visual context without taking up additional space. This makes them ideal for high density dashboards and reports where space efficiency and quick interpretation are important. By enabling users to scan and compare trends across multiple rows at a glance, sparklines support faster decision making and improved data comprehension. Common use cases include tracking stock performance over time, visualizing monthly sales trends, monitoring temperature fluctuations or comparing website traffic across multiple pages directly within the grid.

Several .NET Winforms grid controls offer support for sparklines including:

  • NOV Grid for .NET lets you embed sparklines directly into grid cells, enabling real-time trend visualization and compact data analysis.
  • Infragistics WinDataGrid (part of Infragistics Ultimate UI for Windows Forms) allows you to present performance trends within rows using sparklines, improving clarity and insight.
  • FlexGrid for WinForms (part of ComponentOne Studio WinForms by MESCIUS) facilitates data interpretation by integrating sparklines into each row for immediate visual context.
  • DevExpress WinForms Data Grid (part of DevExpress WinForms) enables compact graphical summaries with sparklines, allowing users to easily detect patterns.

Compare .NET Winforms Grid Controls

滚动时冻结网格行和列

7月 4, 2025
ComponentOne Studio Blazor Edition 2025 v1 添加将列冻结在右侧和行冻结在底部的功能，以提高数据可见性。

ComponentOne Studio Blazor Edition by MESCIUS allows developers to leverage their existing C# skills to build rich web applications. This comprehensive suite includes high-performance, native Blazor UI controls like FlexGrid, a powerful datagrid with data virtualization, and 50+ chart types for data visualization. It also offers essential input controls like Autocomplete and Combobox, improving development efficiency and creating a seamless experience for both developers and users.

The ComponentOne Studio Blazor Edition 2025 v1 update introduces support for freezing columns to the right and rows to the bottom in FlexGrid, giving developers greater control over data presentation in complex UI scenarios. This enhancement allows critical data such as totals or summary rows and columns to remain visible as users scroll through the grid, improving usability and reducing the need for redundant navigation. It aligns with common spreadsheet behavior and enables developers to deliver a more intuitive and efficient user experience within their Blazor applications.

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

ComponentOne Studio Blazor Edition is licensed per developer on a perpetual basis and includes a 12 month subscription. See our ComponentOne Studio Blazor Edition licensing page for full details.

ComponentOne Studio Blazor Edition is available individually or as part of ComponentOne Studio Enterprise.

将 AI 驱动的搜索添加到电网接口

7月 4, 2025
DevExpress WPF v25.1 添加语义搜索，其使用 NLP 返回上下文感知结果为数据网格带来更智能的查询。

DevExpress WPF is a powerful suite of controls that enhances your WPF development toolkit. It offers data grids, ribbon menus, rich text editors, spreadsheets, charts, and more – all with beautiful themes and touch-friendly interfaces. DevExpress WPF empowers you to build professional-looking, responsive applications that meet modern user expectations, saving you time and effort while adding polish and functionality.

The DevExpress WPF v25.1 update introduces a new semantic search capability for the Data Grid that leverages Natural Language Processing (NLP). Rather than depending solely on exact keyword matches, it converts user input into vector representations. These representations are then analyzed through a similarity algorithm, allowing the system to identify and rank results based on contextual meaning. This update significantly improves the quality of search results, especially in datasets where users may phrase queries in varied or imprecise ways. It’s particularly beneficial in applications that deal with complex or user-generated content, offering developers a more natural and adaptive search mechanism.

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

DevExpress WPF is licensed per developer and is available as a Perpetual License with a 12 month support and maintenance subscription. We can supply new subscriptions, subscription renewals, and additional licenses. See our DevExpress WPF licensing page for full details.

DevExpress WPF is available to buy in the following products:

滚动时动态呈现网格行

6月 30, 2025
使用虚拟和无限滚动动态呈现可见内容，从而提高您 JavaScript 应用程序中数据网格的性能。

The ability to load items in a data grid as you scroll is a technique where content is rendered or fetched dynamically based on the user’s scroll position. Its purpose is to improve performance, and ultimately the user experience, when dealing with large datasets. This includes virtual scrolling, where the grid only renders rows that are currently visible in the viewport and reuses those same DOM elements as the user scrolls, and infinite scrolling (also known as endless scrolling), where additional data is loaded from a remote source in response to reaching the end of the currently displayed dataset. By minimizing the amount of data rendered or retrieved at any one time, this approach significantly reduces initial load times, improves responsiveness, and allows applications to scale efficiently.

Several JavaScript grid components allow you to load items as the user scrolls, including:

  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme by DevExpress) supports both virtual and infinite scrolling to optimize data loading performance.
  • KendoReact Data Grid (part of KendoReact by Telerik) offers customizable column/row virtualization and virtual scrolling, dynamically requesting data as needed.
  • Sencha Ext JS Grid (part of Sencha Ext JS) implements infinite scrolling through a virtualized system that loads data on demand without traditional pagination.
  • Syncfusion DataGrid for JavaScript (part of Syncfusion Essential Studio Enterprise) allows both virtualization and infinite scrolling for responsive grid rendering.

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

Compare JavaScript Grid Components