[OutSystems Data Grid] Is it possible to create Dynamic row and column as shown in below image

Back to Forums

Saifuddin Ahmed

Solved

Question

DataGrid

Reactive

Forge

Application Type

Reactive

Hello All,

How to create a dynamic row and column table: each cell in the table will have a background color and icons according to the business requirement. To make this table look similar to the attached image, can we apply any CSS to make it look similar with the same size of cells and a vertical header name?

Please give your suggestions on how to create this table using the DataGrid component or any other component or solution that will help to achieve this requirement. Thanks in advance.

13 Nov

Gonçalo Martins

Staff

Solution

Hi @Saifuddin Ahmed

What have you done so far on this topic?
Some of those use cases are not supported by this component.
In order to understand what you can do you can look into two places:

OutSystemsDataGridSample (you can install it on your environment from here) - to see the offer out-of-the-box
Wijmo Flexgrid documentation - see what is possible to do with the underlying provider so you can try to extend the out-of-the-box use cases using pure javascript APIs

Cheers,
GM

14 Nov

1 reply

5 days ago

Show thread

Hide thread

Saifuddin Ahmed

Thanks @Gonçalo Martins for your reply,

I have implemented an HTML approach to create this table. I have set up a server action where I loop through my records, generate HTML and display the final result on the screen.

SA

5 days ago

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.

See the full guidelines