34
Views
3
Comments
Solved
[DataGrid Reactive Dynamic Columns] [DataGrid Reactive Dynamic Columns] How to make dynamic groupc olumns
datagrid-reactive-dynamic-columns
Reactive icon
Forge asset by Henrique Silva
Application Type
Reactive

Hi,

I like to go to the next level "Dynamic Column Group Headers"

default

| Header Column Name     | Dynamic C1       | Dynamic C2        | Dynamic C3        |

| Header Colm Data 1     |       Value                 |       Value            |       Value       |

| Header Colm Data 2     |       Value                 |       Value            |       Value       |

| Header Colm Data 3     |       Value                |         Value           |       Value       |


I like to have :



|                                              | Dynamic Group 1    | Dynamic Group C2 | Dynamic Group C3  |

| Header Column Name     |   C1   |  D1                |  C2    |   D2                 |   C3   |   D3            |  

| Header Colm Data 1         |  Value |  Value        |  Value |  Value           |  Value |  Value    |

| Header Colm Data 2        |  Value |  Value         |  Value |  Value           |   Value |  Value    |

| Header Colm Data 3        |  Value |  Value         |  Value |  Value           |  Value |  Value    |



 How can I achieve this ?


Regards

Arnold

2019-07-25 15-05-16
Henrique Silva
Solution

Hello Arnold!

You can achieve this if you define some rule to which dynamic columns should be on each dynamic group columns and with some UI management.

If you follow the following structure, where you can have a list of dynamic groups, and inside it, define a block which will contain your query to fetch the dynamic columns of that specific group.

Regarding the code for the dynamic columns this asset implements, I don't think any change is necessary. 

UserImage.jpg
Arnold Groote

Thnx Henrique , for this solution

UserImage.jpg
Swapnaja Patil

Hello @Arnold Groote and @Henrique Silva, Please let me know how you implement this with dynamic columns and data. I want to implement similar idea. Thanks in advance


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