title: How to use Grid inside Grid (Nested Grid) on Devexpress tools in WPF
body: <p>I am stuck here that how i can use nested grid on devexpress grid control.I research alot but couldn't find anything good.Here is my </p>
  
  <p><strong>XAML</strong></p>
  
  <pre><code>&lt;dxdo:LayoutPanel Caption="Photography Jobs" AllowClose="False" Name="pnlShotoJobs" GotFocus="pnlShotoJobs_GotFocus"&gt;
  
                  &lt;my:GridControl Name="dgPhotoJobs" MouseDoubleClick="dgPhotoJobs_MouseDoubleClick"&gt;
                      &lt;my:GridControl.Columns&gt;
                          &lt;my:GridColumn FieldName="JobName" Name="grdColumnJobName" /&gt;
                          &lt;my:GridColumn FieldName="JobDate" Name="grdColumnJobDate" /&gt;
  
                      &lt;/my:GridControl.Columns&gt;
                   &lt;my:GridControl.View&gt;
  
                          &lt;my:TableView NavigationStyle="Row" ShowAutoFilterRow="True" ShowGroupPanel="False" MultiSelectMode="Row" Name="JobTableView" MouseUp="JobTableView_MouseUp" AllowEditing="False" Focusable="False"&gt;
                          &lt;/my:TableView&gt;
                      &lt;/my:GridControl.View&gt;
                  &lt;/my:GridControl&gt;
              &lt;/dxdo:LayoutPanel&gt;
  </code></pre>
  
  <p><strong>Design</strong></p>
  
  <p><img src="https://i.stack.imgur.com/gkf50.png" alt="enter image description here"></p>
  
  <p>When we click on any <code>Photography Jobs</code> then a new grid will open underneath that clicked row and have all the data that belongs to Primary key ID of clicked row.
  IF you have any code or any advice then please share it with me.</p>
  
  <p>Thanks in advance.</p>