[CLOSED] Display the label for the grouping grid over the entire area

[gidi]

Hi Fabrício,
Do you maybe have an idea how I can display the label for the grouping over the entire area. If I set ".x-group-hd-container" - "overflow:visible" it doesn't work.

Thanks very much
Greetings Gidi

[fabricio.murta]

Hello, Gidi!

As we discussed in this post it is not currently supported by the ExtJS framework. Perhaps because not many people requested the feature throughout the years.

We'll take a look to see if there's any reasonably simple way to fix that scenario and post back here.

[gidi]

Hi Fabrício,

i found a solution for me.

The color #fc6363 is the background-color of the group header.

.x-grid-scrollbar-clipper .x-grid-group-title {
    color: #fff !important;
    visibility:visible!important;
    background:none;
}

.x-grid-scrollbar-clipper-locked .x-grid-group-title {
    color: #fc6363 !important;
    background: url(/extjs/packages/theme_neptune/build/resources/images/grid/group-collapse-png/ext.axd) no-repeat left center;
}

Thanks
Gidi

[fabricio.murta]

Hello again, Gidi!

Sorry for the really long time to post back an answer here, we simply couldn't find anything better than what you have. Again, because how the locking grid is implemented, it is not possible to overlay the contents of the locked view into the normal one or the other way around using CSS.

Glad you could find a solution that met your requirements tough, and thanks for sharing the approach that worked for you!