title: datatables-treegrid not working as expected
body: <p>I am using datatable plugin <a href="https://github.com/homfen/dataTables.treeGrid.js" rel="nofollow noreferrer">datatables-treegrid</a> to make Tree Grid, But its not working for <code>children</code> data</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-js lang-js prettyprint-override"><code>var dataSet = [
              {
                  "name":"Test1",
                  "children": [
                      {
                          "name": "Test 11 ",
                      }
                  ]
              },
              {
                  "name":"Test2",
              }
          ];
          var columns = [
              {
                  title: '',
                  target: 0,
                  className: 'treegrid-control',
                  data: function (item) {
                      if (item.children) {
                          return '&lt;span&gt;+&lt;/span&gt;';
                      }
                      return '';
                  }
              },
              {
                  title: 'Name',
                  target: 1,
                  data: function (item,key) {
                      return item.name;
                  }
              },
          ];
          $('#example').DataTable({
              'select': {
                  'style': 'multi',
                  'selector': 'td:not(:first-child)'
              },
              'columns': columns,
              'data':dataSet,
              'treeGrid': {
                  'left': 10,
                  'expandIcon': '&lt;span&gt;+&lt;/span&gt;',
                  'collapseIcon': '&lt;span&gt;-&lt;/span&gt;'
              }
          });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" rel="stylesheet"/&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-treegrid/0.2.0/js/jquery.treegrid.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.16/js/jquery.dataTables.js"&gt;&lt;/script&gt;
  
  
  
  &lt;table id="example"&gt;
  
    &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I am trying to do somthing like this example : <a href="http://homfen.me/dataTables.treeGrid.js/" rel="nofollow noreferrer">http://homfen.me/dataTables.treeGrid.js/</a></p>
  
  <p>What I am missing here.</p>
  
  <p>Thanks in advance.</p>