How to remove Extra space in grouping section?

[Abhi Shinde]

Hi,  
       when I grouping rows in RADgrid, then alignment problem is there.
There is a big gap in displaying inside radGRID in grouping section.(BY default, means without applying any CSS).
how will I remove that extra space. Guide me.
       please see attached image file. 

    my radgrid is like as foll.

<telerik:RadGrid runat="server" AllowPaging="false" ID="grdGroups" OnNeedDataSource="grdGroups_NeedDataSource"
                        OnRowDrop="grdGroups_RowDrop" Width="100%" AllowMultiRowSelection="true" AutoGenerateColumns="false">
                        <MasterTableView DataKeyNames="colinfoid,groupid">
                            <GroupByExpressions>
                                <telerik:GridGroupByExpression>
                                    <SelectFields>
                                        <telerik:GridGroupByField FieldAlias="Group" FieldName="group_name" HeaderValueSeparator=" : ">
                                        </telerik:GridGroupByField>
                                    </SelectFields>
                                    <GroupByFields>
                                        <telerik:GridGroupByField FieldName="group_name" SortOrder="Ascending"></telerik:GridGroupByField>
                                    </GroupByFields>
                                </telerik:GridGroupByExpression>
                            </GroupByExpressions>
                            <Columns>
                                <telerik:GridBoundColumn DataField="colinfoid" Visible="false">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="group_name" Visible="false">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="fieldname" ItemStyle-Width="25px" HeaderStyle-Width="25px"
                                    ItemStyle-HorizontalAlign="Left">
                                </telerik:GridBoundColumn>
                            </Columns>
                            <NoRecordsTemplate>
                                <div style="height: 30px; cursor: pointer;">
                                    No items to view</div>
                            </NoRecordsTemplate>
                        </MasterTableView>
                        <ClientSettings AllowRowsDragDrop="True">
                            <Selecting AllowRowSelect="True" EnableDragToSelectRows="false" />
                            <ClientEvents OnRowDropping="onRowDropping" />
                        </ClientSettings>
                    </telerik:RadGrid>

[Princy]

Hello Abhi,

I guess the issue is because you have set 'HeaderStyle-Width="25px"' for one of the GridBoundColumn. Remove that and check whether it resolves the issue.

Thanks,
Princy.