Grids 新聞

使用 RESTful API 將實時資料引入 JavaScript 網格

1月 9, 2024
將您的網格連接到 RESTful API 以檢索資料，使您的應用程式性能更好，可擴展性、可維護性和使用者友好性更佳。

A RESTful API is a standardized interface that facilitates interaction between your application and remote data sources. Built on the principles of Representational State Transfer (REST), it leverages familiar HTTP verbs like GET, POST, PUT, and DELETE to perform CRUD operations (Create, Read, Update, Delete) on resources. This elegant and widely adopted approach ensures predictable communication, simplifies data access and manipulation, and empowers your applications to be dynamic, scalable, and efficient. In essence, RESTful APIs act as secure intermediaries, orchestrating a seamless flow of information between your application and the data it needs.

Several JavaScript grid controls support RESTful as a data source, such as:

  • Syncfusion Grid control for JavaScript (part of Syncfusion Essential Studio Enterprise) is a feature-rich datagrid that supports seamless RESTful data binding.
  • Ignite UI Angular Grid (part of Infragistics Ignite UI) is an Angular-native grid, that can deal with unlimited rows and columns of data, with support for REST API data sources.
  • Sencha Ext JS Grid (part of Sencha Ext JS) is a customizable grid capable of processing large data sets, with support for local or remote data sources through RESTful methods.
  • SmartClient Grid (part of SmartClient by Isomorphic Software) is an enterprise-grade grid featuring robust REST integration, supporting custom filtering logic and real-time updates.
  • ZingGrid is a JavaScript library for building customizable data tables, which also offers REST data binding capabilities, for smooth scrolling and fast rendering with massive datasets.

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

Compare JavaScript Grid Controls

滾動流覽網格資料時保持上下文

1月 4, 2024
透過將列標題固定到網格頂部，改進了處理大型資料集時的使用者體驗。

Fixed headers are a user interface element found in grids, particularly those managing large datasets. They comprise the top section of the grid, typically encompassing the row containing column labels and potentially additional rows with key information. Unlike the scrollable body of the grid, these headers remain anchored to the viewport, acting as a persistent reference point while users navigate through the data, thus improving user experience.

Several React grids support fixed headers including:

  • KendoReact Data Grid (part of KendoReact by Telerik) includes fixed headers that stay visible as you scroll, offering seamless navigation through massive datasets.
  • Wijmo FlexGrid (part of Wijmo by MESCIUS) allows you to lock headers in place for easy column reference, even with horizontal scrolling.
  • Syncfusion Grid control for JavaScript (part of Syncfusion Essential Studio) includes pinned headers that offer consistent context amidst complex data exploration.
  • Handsontable provides you with the ability to freeze rows or columns to keep key data points always in view.

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

Compare React Grid Components

將您的網格資料轉換為可共用的 PDF

12月 27, 2023
將 ASP.NET Core 網格資料匯出為 PDF，以便進行離線分析和記錄保存時更輕鬆地共用。

PDF export is a powerful feature in grid controls, allowing users to capture and share data presented in a readily accessible format. This functionality typically involves dedicated methods or settings within the grid, enabling seamless transformation of the displayed data into a structured PDF document. Users often have control over what sections and columns to export, along with formatting options like headers, fonts, and page layout. This flexibility makes PDF export ideal for generating printable reports, archiving snapshots of grid data, and distributing information beyond the confines of the application.

Several ASP.NET Core grids support exporting to PDF including:

For an in-depth analysis of features and price, visit our ASP.NET Core grids comparison.

Compare ASP.NET Core Grid Components

用鍵盤導航提高應用程式的協助工具

12月 21, 2023
DevExpress WinForms 23.2 讓使用者使用方向鍵和快捷方式與資料欄位和 UI 元素進行交互。

DevExpress WinForms is a comprehensive suite of 190+ UI controls and development tools designed for building high-performance desktop applications. It offers a broad array of customizable controls, from data grids and ribbon interfaces to advanced charts, maps, and diagramming components. This empowers developers to rapidly create functionally rich applications, while adhering to accessibility guidelines and touch-enabled technology for modern Windows environments.

The DevExpress WinForms 23.2 release adds accessible keyboard navigation support to several controls, including the Ribbon, Backstage View, Recent Control, Data Grid, TreeList, CardView, Breadcrumb Editor, and Expression Editor. Users can navigate using arrow keys, keyboard shortcuts, and the Enter and Escape keys.

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

DevExpress WinForms is licensed per developer and is available as a Perpetual License with a 12 month support and maintenance subscription. See our DevExpress WinForms licensing page for full details.

DevExpress WinForms is available to buy in the following products:

用虛擬滾動提高 Blazor 網格性能

12月 19, 2023
透過僅呈現當前可見區域中顯示的行，輕鬆載入和呈現大型資料集。

For large datasets, traditional grid scrolling struggles to maintain performance, often becoming sluggish and resource-intensive. Virtual scrolling provides a more efficient alternative. Instead of rendering the entire dataset at once, it dynamically fetches and displays only the visible rows, keeping the rest cached and unloaded. This significantly reduces the number of elements in the application, resulting in a noticeably smoother scrolling experience, even with millions of data points. Virtual scrolling empowers users to seamlessly explore expansive datasets without compromising performance or responsiveness.

Several Blazor grid components support virtual scrolling including:

  • DevExpress Blazor Data Grid (part of DevExpress ASP.NET and Blazor) is a high-performance, feature-rich grid with seamless virtual scrolling for large datasets.
  • FlexGrid for Blazor (part of ComponentOne Studio Blazor by MESCIUS) is a flexible and customizable grid with efficient virtual scrolling for data-intensive applications.
  • Infragistics Blazor Data Grid (part of Infragistics Ignite UI) is a comprehensive grid solution with advanced virtual scrolling capabilities for enterprise-level applications.
  • Syncfusion Blazor DataGrid (part of Syncfusion Essential Studio Enterprise) is a versatile grid with optimized virtual scrolling for handling massive datasets seamlessly.
  • Telerik UI for Blazor Grid (part of Telerik UI for Blazor) is a powerful grid component which uses smooth virtual scrolling to navigate large data sets efficiently.

For an in-depth analysis of features and price, visit our Blazor grids comparison.

Compare Blazor Grid Components