Grids News

Quickly Load and Update Grid Content using JSON

October 11, 2024
.NET Blazor grid controls that support JSON enable dynamic and real-time data binding which enhances grid responsiveness and scalability.

Support for JSON as a data source in .NET Blazor Grid controls allows developers to efficiently populate grid components with structured data, leveraging JSON's lightweight and easy-to-parse format. This approach enhances flexibility and scalability, as JSON is widely used for data interchange in web applications and can seamlessly integrate with various back-end services and APIs. By utilizing JSON, developers can dynamically bind data to the grid, enabling real-time updates and responsive user interactions. Moreover, JSON's hierarchical structure supports complex data representations, which simplifies the manipulation of nested objects and arrays, ultimately improving data handling within the Blazor framework.

Several .NET Blazor Grid controls offer JSON data source support including:

  • DevExpress Blazor Grid (part of DevExpress ASP.NET and Blazor) lets you bind data from JSON sources, enabling rapid and dynamic updates for a responsive user interface.
  • FlexGrid for Blazor (part of ComponentOne Studio Blazor Edition by MESCIUS) facilitates seamless integration with JSON, offering flexible data binding to boost performance.
  • jQWidgets Blazor Grid (part of jQWidgets) allows you to effortlessly connect to JSON sources, supporting dynamic data loads for interactive and scalable grid components.
  • Smart UI Blazor Grid (part of Smart UI / Smart HTML Elements) enables JSON-based data binding, providing real-time updates and streamlined data management.

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

Compare NET Blazor Grid controls

Transform Data Presentation with Cell Merging

October 1, 2024
Developers can streamline complex datasets by merging cells, improving clarity and user experience in data-heavy applications.

Cell merging refers to a grid component's ability to combine adjacent cells, either horizontally or vertically, to create a single unified cell. This is often used to display related data more efficiently by avoiding redundancy and improving the visual organization of complex datasets. For software developers, the benefit of cell merging lies in enhancing readability and clarity when representing hierarchical or grouped information. By merging cells, developers can present data in a more structured way, reducing clutter and allowing users to focus on key information without the distraction of repeated values.

Several Angular grid controls offer support for merging cells including:

  • Wijmo FlexGrid (part of Wijmo by MESCIUS) lets you seamlessly merge cells to create dynamic layouts, improving data presentation and reducing redundancy.
  • Syncfusion Grid control for JavaScript (part of Syncfusion Essential Studio Enterprise) allows you to merge cells for a cleaner, more structured display of grouped data.
  • Handsontable (by Handsoncode) facilitates efficient cell merging, making it easy to organize complex datasets for enhanced readability and focus.
  • Jspreadsheet Pro Data Grid (part of Jspreadsheet Pro) lets you merge cells across rows or columns, offering a flexible way to handle large, hierarchical data structures.

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

Compare Angular Grid Controls

Organize Grid Data into Distinct Groups

September 26, 2024
Grouping data in grids allows users to visually represent relationships between data points, making it easier to identify patterns and trends.

Grouping grid data organizes the data into distinct groups within a grid-like structure. It involves visually clustering related data points together, often using color, shading, or borders, to enhance pattern recognition and make complex datasets more understandable. This method is useful for identifying trends, outliers, and correlations within large amounts of information.

Several Angular grid controls offer support for grouping including:

  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete by DevExpress) lets you group data dynamically using multiple levels, providing a flexible view.
  • Wijmo FlexGrid (part of Wimo by MESCIUS) allows you to create custom group headers and customize group appearance for a tailored experience.
  • Kendo UI for Angular Grid (part of Kendo UI by Telerik) allows you to create visually appealing and interactive grids with built-in grouping features.
  • Syncfusion Grid control for JavaScript (part of Syncfusion Essential Studio Enterprise) provides grouping features, including nesting and summaries for detailed insights.

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

Compare Angular Grid Controls

Keep Critical Data in View with Flexible Freezing

September 19, 2024
Wijmo 2024 v2 can now freeze cells to the right and bottom, improving grid functionality for fluid data interaction enhancing usability and focus.

Wijmo by MESCIUS is a comprehensive JavaScript library offering a suite of high-performance UI components and data grids specifically designed to streamline the development of modern enterprise applications. It emphasizes reduced development time and improved maintainability, along with a focus on performance through its efficient design and small module size. Wijmo integrates seamlessly with popular JavaScript frameworks like Angular, React, and Vue.js, and supports cutting-edge technologies like TypeScript, making it a versatile solution for building complex web applications.

The Wijmo 2024 v2 update improves FlexGrid with the ability to freeze and pin columns to the right and rows to the bottom. Previously, freezing was limited to the left side for columns and the top for rows. Experience greater flexibility and improved data presentation with the ability to freeze cells in any direction. This feature streamlines data analysis by keeping critical rows and columns visible, enhancing usability and allowing users to focus on key information. With a more intuitive interface, users enjoy a seamless experience, leading to higher satisfaction and a more professional software tool.

To see a full list of what's new in 2024 v2 (Build 5.20242.21), see our release notes.

Wijmo is licensed per developer. Developer Licenses are perpetual and include 1 year Subscription which provides upgrades, including bug fixes and new features. See our Wijmo licensing page for full details.

Learn more on our Wijmo product page.

Group Data into Manageable Segments

September 16, 2024
JavaScript grids with grouping (summary) features allow users to gain insights into data without having to examine every individual row.

The grouping/summary feature in grid controls enables users to categorize and analyze data effectively by grouping rows based on specific criteria. This functionality allows for the aggregation of data within each group, providing valuable summaries such as totals, averages, counts, and more. By organizing information in a more structured manner, users can gain deeper insights into trends, patterns, and outliers within their data. This feature is particularly useful for large datasets, financial reporting, and data analysis tasks that require a high level of customization and flexibility.

Several JavaScript Grid controls offer grouping / summary support including:

  • KendoReact Data Grid (part of KendoReact by Telerik) allows you to create hierarchical data structures by grouping rows and displaying summary information for each group.
  • Wijmo FlexGrid (part of Wijmo by MESCIUS) allows you to group data by one or more properties and calculate summary statistics.
  • Sencha Ext JS Grid (part of Sencha Ext JS) facilitates grouping of data based on multiple criteria and provides customizable summary calculations.
  • Ignite UI Angular Grid (part of Infragistics Ignite UI) lets you group data by column and display summary statistics for each group, including totals, averages, and counts.

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

Compare JavaScript Grid Controls