data-grid
Web icon

OutSystems Data Grid Web

Supported
Stable version 2.22.0 (Compatible with OutSystems 11)
Other versions available for 10
Uploaded
 on 24 Sep
 by 
OutSystems
4.7
 (43 ratings)
We picked this asset for you. Give it a try.
data-grid-reactive
Reactive icon
OutSystems Data Grid
Compatible with OutSystems 11
See morearrowrightdefaultarrowrighthover
data-grid

OutSystems Data Grid Web

Details
Use the Data Grid component to build complex, scalable, and reactive data-rich interfaces. Enable users to securely view, explore and edit large amounts of data in a familiar, Excel-like UI.
Read more

Use Data Grid to create enterprise-grade data grid interfaces. Enable your users to access, explore, and edit large datasets, in a responsive interface. Giving your users an Excel-like UI is more suitable and time-effective than designing a custom solution every time they need to manipulate dense datasets in bulk efficiently.

The features include:

  • Editing

  • Filtering

  • Formatting

  • Globalization

  • Grouping

  • Selection

  • Sorting

  • Virtual scrolling



Samples and documentation

To access the samples and documentation for the Data Grid component, install OutSystems Data Grid Web Sample from Forge and then launch the application.

For the step by step instructions, check How to use OutSystems Data Grid Web in the FAQ section.



Release notes (2.22.0)

What's New

  • ROU-4037 - Updated Wijmo library to version 5.20241.9 (2024v1).


Fixed Issues and Improvements

  • ROU-10693 / RPM-5215 - Fixed a security vulnerability. CVSSv3.1 score 7.3 (High).
    Updated an internal dependency from JSZip to version v3.10.1 and, because of that, the internal method for exporting to XLSX in Wijmo FlexGrid now needs to use an asynchronous method (saveAsync instead of save).


ℹ Information

  • This upgrade introduces some behavior changes that may affect existing functionality: 
    • Mandatory Fields: Columns marked as mandatory will now display empty cells with a red border and an error message saying, "Please fill out this field." 
      This change was introduced by the provider. 
    • Selection Clearing in Wijmo
      • Before Upgrade: yourGridObj.select(-1, 0, -1, 0); 
      • After Upgrade: yourGridObj.select(-1, 0, 0, 0); 
    • Custom Code Review: Developers must manually update any custom scripts relying on Wijmo features (e.g., row detail functionality) to the corresponding version. 
    • Group Panel Event Handling: The refreshed event in the group panel is now being used.
      Avoid overriding the event like this: yourGridObj.groupPanel.onRefreshed = function(){...}
      Instead, add a callback to the event: yourGridObj.groupPanel.refreshed.addHandler(function(){...}).
License (2.22.0)
Reviews (9)
by 
2021-09-24
in version 2.19.2
Very powerful component, but hard to use. If you need some extra functionality, you need to know javascript and you probably need to create custom copy from this component to get that functionality in your app.

I which there would be similar features in normal table grid, without rest calls.
by 
2020-07-20
in version 2.14.1
One of the most powerful widget.
by 
2020-01-13
in version 2.1.6
It's the most amazing component I've ever seen. Although there are still many bugs now, I can easily fix and design according to my own ideas.
I am quite excited about its future.
Team
OutSystems
Other assets in this category