111
Views
4
Comments
[OutSystems Data Grid] How to insert a custom tooltip in a GroupHeader?
outsystems-data-grid
Reactive icon
Forge asset by OutSystems

Hello, I'm currently implementing a Reactive DataGrid (Version 2.11.0) component in an app and i'm using group columns. 

I need to apply diferent custom tooltips in a group header and in its columns. The problem is that, altough there is a field to customize the header tooltip in a regular column, in a group column, that field is not available. 

Here are some examples of the options available:

-Regular Column (Currency Column):

-Group Column:

Is there any way to add a customized tooltip to the GroupColumn Header?

Thanks

2022-01-13 11-39-41
Bernardo Cardoso
Staff

Hi @Gonçalo Lopes,


We don't offer that option by default on the OutSystems Data Grid.

However, you cna use the JavaScript API to change that, by getting the ColumnGroup object and changing it's headerTooltip property value.


I attached an oml with this example!


Best regards,

Bernardo Cardoso

DataGridColumnGroupTooltip.oml
UserImage.jpg
Gonçalo Lopes

Hello Bernardo, sorry for the late reply.

I've tested your solution but unfortunately, it didn't work. As shown in the image attached, the tooltip that is meant for the group header also appears in the first column header.

Maybe there's something i'm missing?

Thank you.

2022-01-13 11-39-41
Bernardo Cardoso
Staff

Hi @Gonçalo Lopes,


No, sorry, I was the one missing something :). It's indeed an issue on our side, we are wrongly always affecting the first column when setting a headerTooltip.


I already created an issue on our side (ROU-4571) and it should be available on a future release!


Best regards,

Bernardo Cardoso

UserImage.jpg
Gonçalo Lopes

Hello @Bernardo Cardoso, I'll wait for a future version, then.

Thank you for your time.

Best regards,
Gonçalo Lopes

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