I have the following coded for my grid:
<telerik:RadGrid ID="grdShoppingCart" runat="server" Width="100%" RenderMode="Auto" Height="100%">
<HeaderStyle Height="30px" />
<MasterTableView Width="100%" Height="100%" AutoGenerateColumns="false" Font-Size="1.25em" TableLayout="Auto" NoMasterRecordsText="No courses selected" NoDetailRecordsText="No courses selected">
<Columns>
<telerik:GridBoundColumn HeaderStyle-Wrap="false" DataField="NameOfCourse" HeaderText="Course Name" />
<telerik:GridBoundColumn HeaderStyle-Wrap="false" DataField="IndustryName" HeaderText="Profession" />
<telerik:GridBoundColumn HeaderStyle-Wrap="false" DataField="StateCd" HeaderText="State" />
<telerik:GridBoundColumn HeaderStyle-Wrap="false" DataField="CourseHours" HeaderText="Hours" ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right" />
<telerik:GridBoundColumn HeaderStyle-Wrap="false" DataField="CoursePrice" HeaderText="Price" ItemStyle-HorizontalAlign="right" DataFormatString="{0:c}" HeaderStyle-HorizontalAlign="right" />
<telerik:GridTemplateColumn HeaderText="Remove" ItemStyle-HorizontalAlign="right" HeaderStyle-HorizontalAlign="Right" ItemStyle-Wrap="false" HeaderStyle-Wrap="false">
<ItemTemplate>
<asp:LinkButton ID="RemoveItem" Text="Remove" runat="server" CommandName="DeleteRecord" ForeColor="red" CausesValidation="false" />
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn DataField="CourseItemId" Display="false" />
<telerik:GridBoundColumn DataField="CourseCode" Display="false" />
</Columns>
</MasterTableView>
</telerik:RadGrid>
When looking at it on a mobile phone, the grid gets cut off and there is no scroll bar to see the other half. Am I missing something?