This is a migrated thread and some comments may be shown as answers.

RadGrid with UseStaticHeaders vertical scrollbar hides last column

2 Answers 179 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Dennis
Top achievements
Rank 2
Dennis asked on 22 Aug 2019, 08:24 PM

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 Answers, 1 is accepted

Sort by
0
Dennis
Top achievements
Rank 2
answered on 22 Aug 2019, 08:35 PM

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.

0
Vessy
Telerik team
answered on 27 Aug 2019, 06:23 AM

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.
Tags
Grid
Asked by
Dennis
Top achievements
Rank 2
Answers by
Dennis
Top achievements
Rank 2
Vessy
Telerik team
Share this question
or