RadGrid with UseStaticHeaders vertical scrollbar hides last column

3 posts, 0 answers
  1. Dennis
    Dennis avatar
    14 posts
    Member since:
    Jan 2013

    Posted 22 Aug Link to this post

    I have a RadGrid that I added UseStaticHeaders="true" to and now the last column is partially hidden by the vertical scroll bar (as shown in attached image).

    Here is my grid:

            <telerik:RadGrid ID="rgReorderParts" runat="server" Skin="Windows7" CellSpacing="0" CellPadding="0" GridLines="Both" ShowHeader="True" ShowFooter="True"<br>            AutoGenerateColumns="false" AllowMultiRowSelection="true"><br>            <ClientSettings><br>                <Scrolling AllowScroll="True" ScrollHeight="300" UseStaticHeaders="true" /><br>            </ClientSettings><br>            <MasterTableView DataKeyNames="PartNumber" CommandItemDisplay="None"><br>                <CommandItemSettings ShowAddNewRecordButton="false" /><br>                <Columns><br>                    <telerik:GridTemplateColumn HeaderText="View" HeaderStyle-Width="40" ItemStyle-Width="40" ><br>                        <ItemTemplate><br>                            <asp:ImageButton ID="btnViewPart" runat="server" ImageUrl="~/images/icons/pencil.png"<br>                                OnClientClick='<%# String.Format("GetViewPartInfo(""{0}""); return false;", Eval("PartNumber").ToString.EncodeJsString) %>' /><br>                        </ItemTemplate><br>                    </telerik:GridTemplateColumn><br>                    <telerik:GridBoundColumn HeaderText="Part #" DataField="PartNumber" HeaderStyle-Width="100" ItemStyle-Width="100" /><br>                    <telerik:GridBoundColumn HeaderText="Part Description" DataField="PartDescription" HeaderStyle-Width="200" ItemStyle-Width="200" /><br>                    <telerik:GridBoundColumn HeaderText="Max. Level" DataField="MaxStockLevel" DataType="System.Decimal" DataFormatString="{0:0.#####}" <br>                        HeaderStyle-Width="70" ItemStyle-Width="70" /><br>                    <telerik:GridBoundColumn HeaderText="Order Point" DataField="ReorderPoint" DataType="System.Decimal" DataFormatString="{0:0.#####}" <br>                        HeaderStyle-Width="70" ItemStyle-Width="70" /><br>                    <telerik:GridBoundColumn HeaderText="Min. Level" DataField="MinStockLevel" DataType="System.Decimal" DataFormatString="{0:0.#####}" <br>                        HeaderStyle-Width="70" ItemStyle-Width="70" /><br>                    <telerik:GridBoundColumn HeaderText="Expected Qty" DataField="QuantityExpected" DataType="System.Decimal" DataFormatString="{0:0.#####}" <br>                        HeaderStyle-Width="70" ItemStyle-Width="70" /><br>                    <telerik:GridTemplateColumn HeaderText="Supplier" UniqueName="OrderSupplierID" HeaderStyle-Width="210" ItemStyle-Width="210"><br>                        <ItemTemplate><br>                            <telerik:RadComboBox ID="ddlSupplierID" runat="server" Width="190" /><br>                        </ItemTemplate><br>                    </telerik:GridTemplateColumn><br>                    <telerik:GridTemplateColumn HeaderText="Order Quantity" UniqueName="OrderQuantity" HeaderStyle-Width="100" ItemStyle-Width="100"><br>                        <ItemTemplate><br>                            <telerik:RadNumericTextBox ID="txtOrderQuantity" runat="server" Type="Number" MaxValue="9999999.99999" Width="80"<br>                                ClientEvents-OnBlur="FormatZeros_ZeroDecimals" ClientEvents-OnLoad="FormatZeros_ZeroDecimals"<br>                                EnabledStyle-HorizontalAlign="Right" DisabledStyle-HorizontalAlign="Right"><br>                                <NumberFormat DecimalDigits="5" /><br>                            </telerik:RadNumericTextBox><br>                        </ItemTemplate><br>                    </telerik:GridTemplateColumn><br>                    <telerik:GridTemplateColumn HeaderText="UOM" UniqueName="OrderUOM" HeaderStyle-Width="100" ItemStyle-Width="100"><br>                        <ItemTemplate><br>                            <telerik:RadComboBox ID="ddlUOM" runat="server" Width="80" /><br>                        </ItemTemplate><br>                    </telerik:GridTemplateColumn><br>                    <telerik:GridBoundColumn DataField="Warehouse" Display="false" /><br>                    <telerik:GridBoundColumn DataField="UOM" Display="false" /><br>                    <telerik:GridBoundColumn DataField="QuantityOnHand" Display="false" /><br>                    <telerik:GridBoundColumn DataField="QuantityCommitted" Display="false" /><br>                    <telerik:GridBoundColumn DataField="QuantityAvailable" Display="false" /><br>                    <telerik:GridBoundColumn DataField="QuantityOpenPO" Display="false" /><br>                    <telerik:GridBoundColumn DataField="QuantityOpenMOComponent" Display="false" /><br>                    <telerik:GridBoundColumn DataField="QuantityOpenSO" Display="false" /><br>                    <telerik:GridBoundColumn DataField="QuantityExpected" Display="false" /><br>                    <telerik:GridDateTimeColumn DataField="LastPurchaseDate" DataFormatString="{0:d}" Display="false" /><br>                    <telerik:GridDateTimeColumn DataField="LastSaleDate" DataFormatString="{0:d}" Display="false" /><br>                    <telerik:GridBoundColumn DataField="MinOrderQuantity" Display="false" DataFormatString="{0:0.#####}" /><br>                    <telerik:GridBoundColumn DataField="SupplierID" Display="false" /><br>                    <telerik:GridBoundColumn DataField="SupplierName" Display="false" /><br>                    <telerik:GridBoundColumn DataField="QuantitySuggested" Display="false" /><br>                    <telerik:GridClientSelectColumn HeaderText="Select Line" UniqueName="SelectLine" HeaderTooltip="Select Line" DataType="System.Boolean" <br>                        HeaderStyle-Width="18" ItemStyle-Width="18" /><br>                </Columns><br>            </MasterTableView><br>            <ClientSettings><br>                <Selecting AllowRowSelect="true" UseClientSelectColumnOnly="true" /><br>            </ClientSettings><br><br>        </telerik:RadGrid><br>

     

    What do I need to change so the last "SelectLine" column is not partially hidden by the scroll bar?

     

  2. Dennis
    Dennis avatar
    14 posts
    Member since:
    Jan 2013

    Posted 22 Aug in reply to Dennis Link to this post

    I just figured this out right after I posted this.

    I removed the Item-Style-Width settings from each grid column; leaving only the HeaderStyle-Width setting and that seems to have fixed this problem.

  3. Vessy
    Admin
    Vessy avatar
    2068 posts

    Posted 27 Aug Link to this post

    Hello,

    Thank you for the update, Dennis - I am glad you have found how to resolve the problem.

    Regards,
    Vessy
    Progress Telerik

    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top