Grids 新聞

用回應式佈局增強使用者體驗

12月 12, 2024
設計優先考慮包容性和可用性的介面，從而確保在任何設備上透過無縫導航提供一致的使用者體驗。

A responsive layout is a design approach that enables web and application interfaces to automatically adjust and optimize their structure, content, and elements for different screen sizes and devices. By using flexible grids, scalable images, and adaptable components, responsive layouts ensure a consistent and user-friendly experience across desktops, tablets, and mobile devices. For software developers, this approach simplifies the creation of cross-platform applications, improves accessibility, and enhances user satisfaction by delivering interfaces that perform seamlessly in diverse environments.

Several Angular grid components support responsive layouts including:

  • IntegralUI Grid (part of IntegralUI Web by Lidor Systems) lets you create customizable data grids with responsive layouts, ensuring seamless performance across devices.
  • Handsontable by Handsoncode facilitates intuitive data management through responsive, Excel-like grids that adapt dynamically to varying screen sizes for maximum usability.
  • Kendo UI for Angular Grid (part of Kendo UI by Telerik) empowers developers to build grids with powerful data handling and consistency across devices and resolutions.
  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete by DevExpress) enables responsive data presentations, combining adaptive layouts with advanced editing.

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

Compare Angular Grid Controls

Easily Export Images and Grid Data to Excel

12月 6, 2024
Smart UI v21.0.0 adds several improvements to its grid Excel export functionality, including the ability to export only the selected rows or cells.

Smart UI by Smart HTML Elements is an enterprise-grade UI library offering pre-built web components for developers in Angular, React, Vue, Blazor, and JavaScript. It boasts over 60 ready-to-use components like grids, charts, schedulers, and editors, all featuring two-way data binding, responsiveness, accessibility, and theming capabilities. This library helps developers rapidly build dynamic and modern web applications with consistent look-and-feel and rich functionalities, accelerating development time and ensuring professional quality.

The Smart UI v21.0.0 release introduces significant enhancements to grid Excel export functionality. Users can now export one or more images from grids or components directly into Excel files and limit exports to selected rows or cells. These features provide greater flexibility, enabling users to include precisely the data they need while adding visual context to enhance understanding. The ability to tailor exports in this way ensures clearer communication of the underlying meaning and significance of the data.

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

Smart UI (Smart HTML Elements) is licensed per developer and is available as a perpetual license with 1 year support and maintenance. It includes distribution to unlimited Web applications, SaaS projects, Intranets and Websites. Team, OEM and Enterprise licensing options are also available. See our Smart UI licensing page for full details.

Learn more on our Smart UI product page.

用 Excel 匯出功能提高網格資料可攜性

11月 29, 2024
將網格資料匯出到 XLS/XLSX 可授予對公式、樞紐分析表和圖表等強大功能的訪問許可權，以更深入地了解資料。

Grid controls with support for exporting to Excel offer users a portable and widely compatible format ideal for offline access, advanced analysis, and custom reporting. Excel’s powerful capabilities, including pivot tables, formulas, and charting tools, allow users to perform sophisticated tasks that go beyond the grid’s native functionality. Additionally, this feature facilitates seamless integration with other workflows and systems, supporting record-keeping, collaboration, and compliance requirements. By enabling greater flexibility and productivity, Excel export functionality significantly enhances the value and usability of grid applications.

Several React grid controls offer the ability to export grids to Excel including:

  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme by DevExpress) lets you export grid data to Excel with customizable formatting and options.
  • Wijmo FlexGrid (part of Wijmo by MESCIUS) allows you to easily export grid data to Excel, including data formatting and styling.
  • KendoReact Data Grid (part of KendoReact by Telerik) facilitates exporting grid data to Excel with various customization options, such as filtering and sorting.
  • SmartClient Grid (part of SmartClient by Isomorphic Software) enables exporting grid data to Excel, supporting multiple export formats and customization.

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

Compare React Grid Controls

透過定制資料檢索降低資料負載

11月 27, 2024
SmartClient 13.1 透過 Fetch Only Needed Data 提供資料控制，從而優化了資料密集型應用程式的性能和效率。

SmartClient is a comprehensive JavaScript component suite compatible with React, Vue, Angular, and more, that empowers you to craft large-scale, high-productivity Enterprise web applications. It provides a comprehensive set of tools for developers, including advanced UI components, robust data management capabilities, and seamless integration with modern backend technologies. Key features include dynamic data fetching, customizable grids, and a responsive interface for a wide range of devices. SmartClient enables developers to create applications with optimized performance, scalability, and a superior user experience. Ideal for enterprise-grade use cases, such as financial analytics, inventory management, and real-time reporting, SmartClient empowers organizations to deliver feature-rich applications that handle complex data requirements with ease.

The SmartClient 13.1 update introduces the Fetch Only Needed Data feature, enabling developers to optimize performance in data-intensive applications by dynamically retrieving only the fields required at a given moment. This targeted data retrieval reduces unnecessary data transfers, minimizes backend load, and enhances responsiveness. Developers can configure grids to fetch additional fields on demand, ensuring efficient resource usage while maintaining flexibility to adapt to dynamic application requirements. By integrating this feature, applications can scale effectively, provide a smoother user experience, and meet the demands of high-performance environments.

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

SmartClient is licensed per developer and is available as both perpetual and subscription licenses. Product updates and technical support is also available. See our SmartClient licensing page for full details.

For more information, visit our SmartClient product page.

直接在儲存格中輕鬆編輯 Blazor 網格資料

11月 19, 2024
內聯編輯無需單獨的資料輸入字段，使資料輸入和修改更快、更直觀。

Inline editing in a grid is a user-friendly feature that allows users to edit data directly within the grid interface, without needing to open separate forms or dialogs. This means that data can be modified in place, streamlining workflows by reducing the steps required to make updates. Inline editing is particularly beneficial in scenarios where users need to quickly edit multiple records, such as updating inventory quantities, modifying project statuses, or correcting data errors in real time. By providing immediate visual feedback and maintaining the context of the data set, inline editing enhances productivity and minimizes the risk of disruptions. It is commonly used in applications like content management systems, project management tools, and enterprise resource planning (ERP) systems where efficiency and ease of use are critical.

Several Blazor grid controls offer support for inline editing including:

  • DevExpress Blazor Grid (part of DevExpress ASP.NET and Blazor) lets you quickly modify cell values directly within the grid, improving data entry efficiency.
  • FlexGrid for Blazor (part of ComponentOne Studio Blazor Edition by MESCIUS) enables seamless in-place editing, streamlining updates and reducing user interactions.
  • Telerik UI for Blazor Grid (part of Telerik UI for Blazor) empowers users to edit cell values directly in the grid, enhancing productivity and simplifying data management.
  • Infragistics Blazor Data Grid (part of Infragistics Ignite UI) facilitates efficient data editing by allowing users to directly modify cell values within the grid itself.

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

Compare Blazor Grid Controls