title: Kendo ui grid hierarchical
body: <p>I have a kendo grid with columns Name and Action (delete/edit). I have for example :</p>
  
  <p>Parent1 - row 1
  Girl1 -row 2
  Boy1 row 3</p>
  
  <p>Parent2 
  Girl2 
  Boy2</p>
  
  <p>parent 3
  parent 4</p>
  
  <p>When I click on row 1 row 2 and row 3 should colaps. What is the best approach? </p>
  
  <p>All data are comming from database</p>
  
  <pre><code> dataSource: {
                              type: "odata",
                              transport: {
                                  read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Parents"
                              },
  </code></pre>
  
  <p>For colapsable rows should I make a template <code>&lt;table&gt;</code> and add the styles from grid table in order to look the same like the grid rows ?How am I going to display?...After column ID?... Should I add in the grid all the data: partens and children and hide the children row?... and add them in the kendo template ?</p>