Grids 新聞

在所選內容中的儲存格之間無縫導航

4月 26, 2024
Handsontable 14.3 允許有經驗的網格使用者使用鍵盤快捷鍵在所選內容中的特定單元格之間快速移動。

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.

Handsontable 14.3 adds a new feature to streamline navigation within pre-selected cells. Power users and those accustomed to Tab navigation can now leverage arrow keys or the mouse for selection, then efficiently move between the chosen cells using Tab/Shift+Tab for horizontal movement and Enter/Shift+Enter for vertical movement. Editing remains intuitive, as typing any character initiates editing even within dropdown or date cells.

To see a full list of what's new in version 14.3.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.

減少您網格中的視覺混亂

4月 24, 2024
隱藏列允許使用者透過暫時刪除不相關的資料來自訂其網格檢視，以便進行更有效的分析。

Hiding columns in a grid allows for a more focused data display by selectively removing irrelevant or less important information from the user's view. This functionality improves data clarity, particularly for grids with a large number of columns. By hiding specific columns, users can concentrate on the most important data points, reducing clutter and improving overall user experience.

Several jQuery Grid controls offer the ability to hide columns including:

  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete by DevExpress) empowers users to selectively hide columns for a focused data view.
  • Kendo UI for jQuery Grid (part of Kendo UI by Telerik) enables column hiding to prioritize relevant information and minimize clutter.
  • Syncfusion Grid control for JavaScript (part of Syncfusion Essential Studio Enterprise) facilitates hiding columns to enhance clarity and user experience with large datasets.
  • Ignite UI jQuery Grid (part of Infragistics Ignite UI) allows you to customize the grid by hiding columns for a streamlined data presentation.

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

Compare jQuery Grid Controls

讓網格使用者輸入非拉丁字元

4月 17, 2024
支援輸入法編輯器（IME）的網格控制項允許使用者生成其輸入裝置上本機不可用的字元。

An Input Method Editor (IME) facilitates the entry of complex characters and scripts not directly supported by standard keyboards, which is especially vital for languages with extensive character sets like Chinese, Japanese, and Korean. When integrated into a grid component, an IME enables users to input text directly into data cells using phonetic or syllabic methods that are converted into the desired characters. This integration streamlines the data entry process in applications requiring multi-language support, significantly enhancing usability and efficiency. It simplifies the development of applications targeting global markets by providing native language input support, thereby improving the user experience and reducing the need for external language input tools.

Several WinForms grid components offer Input Method Editor (IME) support, including:

  • DevExpress WinForms Data Grid (part of DevExpress WinForms) includes an IME which is enabled when an end-user switches the desktop key input to a supported language.
  • FlexGrid for WinForms (part of ComponentOne Studio WinForms by MESCIUS) offers built-in IME support, facilitating efficient entry of complex characters in diverse languages.
  • Telerik UI for WinForms GridView (part of Telerik UI for WinForms) integrates IME capabilities, enabling straightforward input of extensive multilingual character sets.
  • Infragistics WinDataGrid (part of Infragistics Ultimate UI for Windows Forms) also boasts input method editor support for effortless text input in globalized WinForms applications.

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

Compare WinForms Grid Components

專注於特定資料子集更便於分析

4月 11, 2024
篩選功能使資料網格使用者能夠快速放大相關資料，以發現趨勢並發現見解。

Using a grid control with support for filters enables users to dynamically narrow the displayed data based on specific criteria. This functionality helps users focus on relevant subsets of information by filtering individual columns using operators, keywords, or pre-defined options. Filtering improves data exploration efficiency and reduces cognitive load by presenting only the data that aligns with the user's current analysis.

Several React grid controls offer filtering functionality including:

  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete by DevExpress) empowers users with versatile client-side filtering and remote filtering.
  • Handsontable by Handsoncode offers built-in filtering for columns, enabling you to search and filter data directly within the spreadsheet-like interface.
  • KendoReact Data Grid (part of KendoReact by Telerik) offers advanced features including case-insensitive filtering, custom filter operators, and Excel-like filter menus.
  • Wijmo FlexGrid (part of Wijmo by MESCIUS) allows you to filter data by columns using various operators and supports filtering based on hierarchical data structures.

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

Compare React Grid Controls

在 Blazor 應用中管理 DataGrids 的狀態

4月 5, 2024
Blazorise v1.5 添加根據需要保存和載入 DataGrid 狀態的功能，從而增強了最終使用者體驗。

Blazorise is a versatile component library that empowers developers to build modern and feature-rich web applications using Blazor, a client-side web development framework from Microsoft. It offers a comprehensive collection of user interface components, including buttons, forms, tables, charts, and navigation elements, all built with accessibility and responsiveness in mind.

The Blazorise v1.5 update introduces DataGrid State Management. New LoadState and GetState methods enable you to load and save the state of the datagrid from/to LocalStorage. On the first render, the web page checks LocalStorage for saved states and loads them if they are available. This feature enables seamless preservation and restoration of user actions, such as sorting, filtering, and row selections, even when navigating away from or refreshing the page.

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

Blazorise is licensed per developer and is Runtime Royalty Free. Available in a variety of editions, Professional, Enterprise and Enterprise Plus, each providing different levels of support and services. See our Blazorise licensing page for full details.

For more information, visit our Blazorise product page.