Can anyone describe why my RadGrid is like this? [pic]

[Daniel]

An extra column, or what seems to be a column, is being rendered on the far left...This could be a css issue perhaps? I am fairly new and an Intern. Check out the screen shot I have provided.

Any help is greatly appreciated! 

[Daniel]

Here is a more updated version of a Grid within my page. Every grid has the exact same problem with that column being rendered on the left...

Check image.

[Konstantin Dikov]

Hello Daniel,

From the provided screenshots only it would be impossible to determine what is causing this layout. 

Could you please provide the markup of your grid, so we could have a better idea of your exact scenario.

Furthermore, since you have custom styles applied to your RadGrid, this could also be the root of the problem, so I could suggest that you try to temporarily remove all custom styles and see how the grid will look without them.

I am looking forward to your reply.


Regards,
Konstantin Dikov
Telerik

 

 

[Daniel]

 I have provided 2 screenshots of this grid/markup of the grid. One screenshot shows the scroll bar all the way to the left, the other is with the scroll bar all the way to the right, which is how I want the grid to render and look. Very odd. I will try to remove custom settings and report back. 

Thank you for your help.


<telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="WhiteDryerds" GridLines="Both" Height="500px" Width="100%" style="margin-bottom: 0px" AutoGenerateColumns="False" BackColor="#FBBB51" BorderColor="#7E3300" BorderStyle="None" BorderWidth="2px" ForeColor="Black">
        <ClientSettings>
            <Scrolling AllowScroll="true" UseStaticHeaders="True" SaveScrollPosition="true" />
            <Resizing ShowRowIndicatorColumn="False" />
        </ClientSettings>
        <AlternatingItemStyle BackColor="BurlyWood" BorderColor="Black" BorderStyle="Solid" BorderWidth="1px" HorizontalAlign="Center" />
        <GroupHeaderItemStyle BackColor="#004000" BorderColor="#004000" ForeColor="#004040" />
        <MasterTableView AutoGenerateColumns="False" DataSourceID="WhiteDryerds">
            <Columns>
                <telerik:GridBoundColumn DataField="StartTime" DataType="System.DateTime" FilterControlAltText="Filter StartTime column" HeaderText="Start Time" SortExpression="StartTime" UniqueName="StartTime">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text="" />
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="EndTime" DataType="System.DateTime" FilterControlAltText="Filter EndTime column" HeaderText="End Time" SortExpression="EndTime" UniqueName="EndTime">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text="" />
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Source" FilterControlAltText="Filter Source column" HeaderText="SOURCE" SortExpression="Source" UniqueName="Source">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text="" />
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="lbs" DataType="System.Int32" FilterControlAltText="Filter lbs column" HeaderText="Lbs Liquid" SortExpression="lbs" UniqueName="lbs" DataFormatString="{0:N0}">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text="" />
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Dry_LBS" DataType="System.Int32" FilterControlAltText="Filter Dry_LBS column" HeaderText="Lbs Dry" SortExpression="Dry_LBS" UniqueName="Dry_LBS" DataFormatString="{0:N0}">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text="" />
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="BoxCount" DataType="System.Int32" FilterControlAltText="Filter BoxCount column" HeaderText="Box Count" SortExpression="BoxCount" UniqueName="BoxCount" DataFormatString="{0:N0}">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text="" />
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="TimeOnWater" DataType="System.Int32" FilterControlAltText="Filter TimeOnWater column" HeaderText="H2O (Min)" SortExpression="TimeOnWater" UniqueName="TimeOnWater" DataFormatString="{0:N0}">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text="" />
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Dur" DataType="System.Int32" FilterControlAltText="Filter Dur column" HeaderText="Duration (Min)" ReadOnly="True" SortExpression="Dur" UniqueName="Dur" DataFormatString="{0:N0}">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text="" />
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="KW" DataType="System.Int32" FilterControlAltText="Filter KW column" HeaderText="KW" SortExpression="KW" UniqueName="KW" DataFormatString="{0:N0}">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text="" />
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Gas" DataType="System.Int32" FilterControlAltText="Filter Gas column" HeaderText="Gas" ReadOnly="True" SortExpression="Gas" UniqueName="Gas" DataFormatString="{0:N0}">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text="" />
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Starting_Level" DataType="System.Int32" FilterControlAltText="Filter Starting_Level column" HeaderText="Starting Silo Level" ReadOnly="True" SortExpression="Starting_Level" UniqueName="Starting_Level" DataFormatString="{0:N0}">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text="" />
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Ending_Level" DataType="System.Int32" FilterControlAltText="Filter Ending_Level column" HeaderText="Ending Silo Level" ReadOnly="True" SortExpression="Ending_Level" UniqueName="Ending_Level" DataFormatString="{0:N0}">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text="" />
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
            </Columns>
        </MasterTableView>
        <ClientSettings>
<ClientEvents OnGridCreated="onGridCreated" />
   </ClientSettings>
        <EditItemStyle />
        <FooterStyle />
        <HeaderStyle BackColor="" BorderColor="#804000" BorderStyle="Solid" BorderWidth="1px" Font-Bold="True" ForeColor="Black" HorizontalAlign="Center" Width="60px" />
        <FilterItemStyle />
        <CommandItemStyle />
        <ActiveItemStyle />
        <ItemStyle BackColor="#FFC080" BorderColor="Black" BorderStyle="Solid" BorderWidth="1px" HorizontalAlign="Center" />
        <PagerStyle />
        <SelectedItemStyle />
    </telerik:RadGrid>

[Daniel]

Refer to my post above, but this is what happens with no custom settings. Starting to wonder if render is caused by something other than grid markup.

    <telerik:RadGrid ID="RadGrid2" runat="server"  DataSourceID="WhiteDryerds" Height="500px" Width="100%">
        <MasterTableView AutoGenerateColumns="False" DataSourceID="WhiteDryerds">
            <Columns>
                <telerik:GridBoundColumn DataField="StartTime" DataType="System.DateTime" FilterControlAltText="Filter StartTime column" HeaderText="Start Time" SortExpression="StartTime" UniqueName="StartTime">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text="" />
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="EndTime" DataType="System.DateTime" FilterControlAltText="Filter EndTime column" HeaderText="End Time" SortExpression="EndTime" UniqueName="EndTime">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text="" />
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Source" FilterControlAltText="Filter Source column" HeaderText="SOURCE" SortExpression="Source" UniqueName="Source">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text="" />
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="lbs" DataType="System.Int32" FilterControlAltText="Filter lbs column" HeaderText="Lbs Liquid" SortExpression="lbs" UniqueName="lbs" DataFormatString="{0:N0}">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text="" />
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Dry_LBS" DataType="System.Int32" FilterControlAltText="Filter Dry_LBS column" HeaderText="Lbs Dry" SortExpression="Dry_LBS" UniqueName="Dry_LBS" DataFormatString="{0:N0}">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text="" />
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="BoxCount" DataType="System.Int32" FilterControlAltText="Filter BoxCount column" HeaderText="Box Count" SortExpression="BoxCount" UniqueName="BoxCount" DataFormatString="{0:N0}">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text="" />
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="TimeOnWater" DataType="System.Int32" FilterControlAltText="Filter TimeOnWater column" HeaderText="H2O (Min)" SortExpression="TimeOnWater" UniqueName="TimeOnWater" DataFormatString="{0:N0}">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text="" />
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Dur" DataType="System.Int32" FilterControlAltText="Filter Dur column" HeaderText="Duration (Min)" ReadOnly="True" SortExpression="Dur" UniqueName="Dur" DataFormatString="{0:N0}">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text="" />
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="KW" DataType="System.Int32" FilterControlAltText="Filter KW column" HeaderText="KW" SortExpression="KW" UniqueName="KW" DataFormatString="{0:N0}">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text="" />
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Gas" DataType="System.Int32" FilterControlAltText="Filter Gas column" HeaderText="Gas" ReadOnly="True" SortExpression="Gas" UniqueName="Gas" DataFormatString="{0:N0}">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text="" />
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Starting_Level" DataType="System.Int32" FilterControlAltText="Filter Starting_Level column" HeaderText="Starting Silo Level" ReadOnly="True" SortExpression="Starting_Level" UniqueName="Starting_Level" DataFormatString="{0:N0}">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text="" />
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Ending_Level" DataType="System.Int32" FilterControlAltText="Filter Ending_Level column" HeaderText="Ending Silo Level" ReadOnly="True" SortExpression="Ending_Level" UniqueName="Ending_Level" DataFormatString="{0:N0}">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text="" />
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
            </Columns>
        </MasterTableView>

[Konstantin Dikov]

Hello Daniel,

There is nothing specific in your grid settings that could cause such behavior, so I could only guess that there are still some styles present on the page that could cause the padding in your scenario. 

Could you please ensure that the wrapping element holding the grid does not have any padding, because from looking at the screenshot, that could be the case.

If you continue to experience difficulties with this, I could suggest that you inspect your page and see where the RadGrid's DIV element is rendered and if the padding is from it or from the wrapping element.

I am looking forward to your reply.


Regards,
Konstantin Dikov
Telerik

 

 

[Daniel]

Hello Konstantin,

Problem has been solved. I inspected the bootstrap.css page and found the location where this render was being caused. 

Thank you for your help.