Post Closed
61
Views
8
Comments
Solved
[Data Grid Reactive] Announcing Data Grid Reactive Beta Version - Group Columns and Custom Header Tooltip
data-grid-reactive
Forge component by Platform Maintenace
Application Type
Reactive

Currently, the Data Grid team is working on requests highly demanded by the community: 

- Group Columns

- Custom Header tooltip

Since we need your feedback right from the start, we are releasing here a beta version, so you can try and give us feedback on this thread.

Please mind that this is not a final version, there are some listed known issues and it is not guaranteed that the final version won't require you to change your code. Nevertheless, feel free to report here every issue that you find. It will be most appreciated. 

Also, this beta version doesn't have all the functionalities in group columns. For now, you can only group columns. Groups of group columns are not yet possible. There are also some issues related to undo/redo when you move group columns.

How to use this version:

  1. Download the attached OAP file and publish it on your server.
  2. Remove all references to DataGridReactive module.
  3. Add all references to DataGridReactive_Beta module.
  4. To use group columns, drag the GroupColumn block into the Columns placeholder of your Grid and drag the columns you want to group into the GroupedColumns placeholder.
    Input parameters:
    - Header: Text displayed in the group header.
    - IsCollapsed: If false, all columns in the group are shown. If true, only the column defined in CollapseTo is shown.
    - CollapseTo: The column binding on which the group column will collapse to. If not filled, the group won't be able to expand/collapse.
  5. To define a custom header tooltip, use the input parameter HeaderTooltip in ColumnOptionalConfigs.
  6. Publish your module and the grid should look like this:



DataGridReactiveBeta.oap

mvp_badge
MVP
Solution

Hi everyone!

Let me start by thanking everyone of you for testing and passing your feedback regarding the Beta of column groups. As you might have already understood the feature "Group column" has been made available yesterday (24 August 2021) in the latest release - version 2.4.0.

If possible, please update your version, and let us know your feedback about this feature.

Meanwhile, this thread will be unpinned, and closed. New feedback should be provided in a new post. :)

Thanks,

Rúben Gonçalves

Hello @Gabriel Lundgren
Thank you for implementing the GroupColumn feature in DataGrid Reactive.
We have tested this feature and we would like to request few improvements to this feature.

1) Issue: Align of the line number (left most side) is not displaying properly.
The alignment of first two numbers of the Grid is in right. Other numbers are aligned to center.
Please check the image below.


2) Request: All other columns have the property called "align".
By default, the header text of GroupColumn is in "center".
Will it be possible to add a property to Group Column so that users can choose which alignment they want for the header text. (left, center, right)


Thank you.


Regards,
Alam

Hello @Alam,

1) Issue: Align of the line number (left most side)is not displaying properly

This issue is in wijmo flexgrid, we have reported and expecting them to fix the issue and share a new component's build.


2) Request: All other columns have the property called "align".
This seems to be a requirement that will be helpful to all the Data Grid users, so we will investigate how to implement it and if possible, we'll add to the product

I'll let you know as soon as possible.

Thanks,

Bruno Martinho

 

Hello @Gabriel Lundgren

First of all, thanks for making the Group Column feature available and to let us test the beta version of it.

Our team did some tests on it and so far so good, it fits what we currently need for our project.

Related to this functionality, we have another requirement that would be to have the Group Columns identified in the Column Selection menu. Something like what I described in this post for Data Grid Web. Is it possible for your team to include this feature in a future version of the component? Or do I need to do some workaround like in Data Grid Web and as suggested in the post I mentioned?


Best regards,

André Dinis

Hello @André Dinis,

That is an interesting feature.

Please give us some time to understand how to implement this in the product.

We'll let you know as soon as possible.

Thanks,

Bruno Martinho

Hello @Bruno Martinho @Gabriel Lundgren

Thank you for implementing and releasing the Group Columns feature and adding the HeaderAlign property.
We have checked the implementation from the DataGrid Reactive ver 2.4.0 and we have a query.

In GroupColumn_HeaderAlign screen, it is possible to change the align of the group header by toggling.
However, if we specifically set the property to  Entities.AlignMode.Right / Entities.AlignMode.left, it will do nothing.

We have tried to set the HeaderAlign property in Service studio to this screen (Group columns), but  header align is showing in center.


Is it not possible to set the HeaderAlign property of the Group Columns , so that the initial display of Group column header will be aligned to left or right?

For example: if we set Align property of columns from service studio, the initial display of that column will be aligned properly to the left/right/center.

Please let us know.

Regards,
Alam

Hello @Alam ,

Your analysis is correct and helped us identify an issue in the Group header input parameter.

We have created an issue for this and it will be solved in the next release.

I'll share here the fix that can be made in module DataGridReactive. We will do this exact same change, so if you change your DataGridReactive module there will be no conflict when updating the component after next release.

Open the GroupColumn block in DataGridReactive module and do this change:

Please let us know your thoughts on this.

Thanks,

Bruno Martinho

Thank you @Bruno Martinho
I have changed as you have mentioned and header align is now working as expected.
Thank you.

mvp_badge
MVP
Solution

Hi everyone!

Let me start by thanking everyone of you for testing and passing your feedback regarding the Beta of column groups. As you might have already understood the feature "Group column" has been made available yesterday (24 August 2021) in the latest release - version 2.4.0.

If possible, please update your version, and let us know your feedback about this feature.

Meanwhile, this thread will be unpinned, and closed. New feedback should be provided in a new post. :)

Thanks,

Rúben Gonçalves