Neuigkeiten zu Grids

Exportieren von Datenrastern in JSON in Vue.js-Anwendungen

Juli 24, 2025
Exportieren Sie tabellarische Daten in JavaScript Object Notation (JSON), einem Format, das einfach zu analysieren und in andere Systeme zu integrieren ist.

Exporting a data grid to JSON format is a common feature in modern web-based data tools that involves converting the structured data displayed in a grid, such as rows and columns representing records and fields, into JavaScript Object Notation (JSON), a lightweight, text-based format commonly used for data interchange. This process enables the grid's contents to be saved in a machine-readable structure that preserves the hierarchy and attributes of the data, making it easily consumable by web services, APIs, or other applications. The benefits of exporting to JSON include its compatibility with a wide range of programming environments, ease of integration with frontend and backend systems, and suitability for transmitting data across networked systems or persisting it for later use in client-side operations or remote storage.

Several Vue.js grid controls allow you to export to JSON, including:

  • FusionGrid by FusionCharts works with Vue.js and allows you to export grid data to JSON, enabling seamless integration with APIs and JavaScript-based applications.
  • jQWidgets Grid (part of jQWidgets) offers a straightforward method to convert visible grid data to JSON in Vue.js apps, preserving data types and custom formatting.
  • Jspreadsheet Pro Data Grid (part of Jspreadsheet Pro) enables Vue.js applications to export spreadsheet-style data to JSON, ideal for syncing with databases or external services.
  • DataGridXL facilitates JSON output from grid data, ensuring compatibility with modern frameworks and smooth data handling in JavaScript-driven workflows.

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

Compare Vue.js Grid Controls

Exportieren von Blazor Grid-Daten in eine PDF-Datei mit benutzerdefinierten Ansichten

Juli 24, 2025
Mit DevExpress Blazor v25.1 können Sie PDFs aus dem Blazor Grid erstellen, wobei aktive Filter, Sortierungen und Gruppierungen beibehalten werden.

DevExpress Blazor (part of DevExpress ASP.NET and Blazor) helps you create high-impact user experiences for both Blazor Server and Blazor WebAssembly using C#. The Blazor UI Component Library ships with a comprehensive set of native components (including a DataGrid, Pivot Grid, Scheduler, Chart, Data Editors and Reporting).

The DevExpress Blazor v25.1 update enhances the Blazor Grid component with support for PDF export, allowing developers to generate documents that mirror the current data view. This includes all applied filters, sort orders, and group configurations, ensuring that the exported content matches the user's on-screen context. The PDF output retains data columns, group rows with summaries, and overall total summaries, making it a practical tool for sharing, archiving, or printing user-customized reports. This update helps developers deliver consistent, visually structured documents from within Blazor applications.

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

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

DevExpress Blazor is available in the following products:

Ordnungsgemäßes Behandeln von langem Text in Rasterzellen mit Ellipsen

Juli 10, 2025
Handsontable 16.0.0 integriert eine neue 'textEllipsis'-Funktion, die überlange Zelleninhalte mit einer Ellipse kürzt und versteckten Text signalisiert.

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.

Visualisieren Sie Trends mit Compact Sparklines

Juli 7, 2025
Sparklines in Rastern liefern schnelle visuelle Einblicke, indem sie Datentrends innerhalb von Zellen anzeigen und so die Klarheit, den Vergleich und die Entscheidungsfindung verbessern.

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

Einfrieren von Gitterzeilen und -spalten beim Bildlauf

Juli 4, 2025
ComponentOne Studio Blazor Edition 2025 v1 bietet die Möglichkeit, rechtsliegende Spalten und untenliegende Zeilen einzufrieren, um die Datensichtbarkeit zu verbessern.

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.