[CLOSED] ShowGroupName ="false" does not hide the grouping header

[Fahd]

Hello,
I am trying to hide the group headers for all the groups by setting the properties: ShowGroupName="false" ShowGroupsText="false" but that didn't work. The header text still dispplays.
How can I hide the group header text?
Below is my code for the grouppingview:

 <View>
                                                <ext:GroupingView ID="GroupingView1" runat="server" HideGroupedColumn="true" HeadersDisabled="true"
                                                     StartCollapsed="false" ShowGroupName="false" ShowGroupsText="false">
                                                 </ext:GroupingView>
                                            </View>

[Daniil]

Hi,

You should set up:

<ext:GroupingView runat="server" GroupTextTpl="&nbsp;" />

See also:
http://docs.sencha.com/ext-js/3-4/#!...g-groupTextTpl

[Fahd]

Hi,

Setting it up your way displays an empty header but it does not hide the header. How do you hide the extra blank space for each grouping?

Thanks!

Hi,

You should set up:

<ext:GroupingView runat="server" GroupTextTpl="&nbsp;" />

See also:
http://docs.sencha.com/ext-js/3-4/#!...g-groupTextTpl

[Daniil]

But where should be +/- icons to expand/collapse groups?

[Fahd]

The groups are not collapsible/expandable. Each grouping is differentiated by background colors.

But where should be +/- icons to expand/collapse groups?

[Daniil]

Please set up:

Cls="my-grid"

for the GridPanel.

Here is the "my-grid" CSS class definition.

<style type="text/css">
    .my-grid .x-grid-group-hd {
        display: none;
    }
</style>

[Fahd]

This works great!! Thank you.

Please set up:

Cls="my-grid"

for the GridPanel.

Here is the "my-grid" CSS class definition.

<style type="text/css">
    .my-grid .x-grid-group-hd {
        display: none;
    }
</style>