title: How can I add a check box column in my radGrid? And how do I show the expand button?
body: <p>I'm learning Telerik and I have the following design I'm trying to do translated into English (I don't need you to help me translate, just with the design components):</p>
  
  <p><a href="https://i.stack.imgur.com/pTAzy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pTAzy.png" alt="Excel"></a></p>
  
  <p>So far I have this:</p>
  
  <p><a href="https://i.stack.imgur.com/u0wRs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/u0wRs.png" alt="Progress"></a></p>
  
  <p>How can I add the <code>check box</code>? Also how do I get rid of those 3 blank <code>columns</code> before the <code>columns</code> that I created myself?</p>
  
  <p>Here is my HTML code so far:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1" Width="483px"&gt; 
  
              &lt;asp:Label ID="TreatmentCenter" Text="Treatment Center:         " runat="server"&gt;&lt;/asp:Label&gt;
              &lt;telerik:RadDropDownList RenderMode="Lightweight" DefaultMessage="Select City" DataTextField="City" ID="DDL1" runat="server"&gt;&lt;/telerik:RadDropDownList&gt;
                   
              &lt;br /&gt;
            
              &lt;telerik:RadGrid RenderMode="Lightweight"
                  ID="RadGrid1" runat="server" AutoGenerateColumns="False" 
                  ShowGroupPanel="True" Height="148px" Width="462px"&gt;
  
              &lt;MasterTableView EnableHierarchyExpandAll="true" DataKeyNames="OrderID"&gt;
                  &lt;DetailTables&gt;
                      
                      &lt;telerik:GridTableView EnableHierarchyExpandAll="true" DataKeyNames="ProductID" runat="server"&gt;
                          
                          &lt;ParentTableRelation&gt;
                              &lt;telerik:GridRelationFields DetailKeyField="OrderID" MasterKeyField="OrderID" /&gt;
                          &lt;/ParentTableRelation&gt;
                         
                           &lt;Columns&gt;
                              &lt;telerik:GridCheckBoxColumn&gt;
                                 
                              &lt;/telerik:GridCheckBoxColumn&gt;
                              &lt;telerik:GridBoundColumn SortExpression="ProductName" HeaderText="Product Name" HeaderButtonType="TextButton"
                                  DataField="ProductName"&gt;
                              &lt;/telerik:GridBoundColumn&gt;
                              
                              &lt;telerik:GridBoundColumn SortExpression="ProductID" HeaderText="Product ID" HeaderButtonType="TextButton"
                                  DataField="ProductID"&gt;
                              &lt;/telerik:GridBoundColumn&gt;
                              
                              &lt;telerik:GridBoundColumn SortExpression="Quantity" HeaderText="Quantity" HeaderButtonType="TextButton"
                                  DataField="Quantity"&gt;
                              &lt;/telerik:GridBoundColumn&gt;
                              
                              &lt;telerik:GridBoundColumn SortExpression="Price" HeaderText="Price" HeaderButtonType="TextButton"
                                  DataField="Price"&gt;
                              &lt;/telerik:GridBoundColumn&gt;                      
                              
                              &lt;telerik:GridBoundColumn SortExpression="Procurer" HeaderText="Procurer" HeaderButtonType="TextButton"
                                  DataField="Procurer"&gt;
                              &lt;/telerik:GridBoundColumn&gt;   
                                             
                          &lt;/Columns&gt;
                      
                      &lt;/telerik:GridTableView&gt;                 
                  
                  &lt;/DetailTables&gt;
                  
                  &lt;Columns&gt;
                       
                      &lt;telerik:GridBoundColumn SortExpression="OrderID" HeaderText="Order ID" HeaderButtonType="TextButton"
                                  DataField="OrderID"&gt;
                      &lt;/telerik:GridBoundColumn&gt; 
  
                      &lt;telerik:GridBoundColumn SortExpression="DateOfOrder" HeaderText="Date Of Order" HeaderButtonType="TextButton"
                                  DataField="DateOfOrder"&gt;
                      &lt;/telerik:GridBoundColumn&gt; 
  
                      &lt;telerik:GridBoundColumn SortExpression="OrderName" HeaderText="Order Name" HeaderButtonType="TextButton"
                                  DataField="OrderName"&gt;
                      &lt;/telerik:GridBoundColumn&gt; 
  
                      &lt;telerik:GridBoundColumn SortExpression="OrderAddress" HeaderText="Order Address" HeaderButtonType="TextButton"
                                  DataField="OrderAddress"&gt;
                      &lt;/telerik:GridBoundColumn&gt; 
  
                  &lt;/Columns&gt;
  
              &lt;/MasterTableView&gt;
             
              &lt;ClientSettings Scrolling-AllowScroll="true"&gt;
                  &lt;Scrolling AllowScroll="true" /&gt;
                  &lt;Resizing AllowRowResize ="true" EnableRealTimeResize="true" ResizeGridOnColumnResize="false" /&gt;
              &lt;/ClientSettings&gt;
  
              &lt;GroupingSettings ShowUnGroupButton="true" /&gt;
  
          &lt;/telerik:RadGrid&gt;
  
          &lt;/telerik:RadAjaxPanel&gt;</code></pre>
  </div>
  </div>
  </p>