title: Multidimensional dataSource fit to kendo grid
body: <p>I have a multi dimensional datasource with a dynamic column like this:</p>
  
  <pre><code>{
  TaskName: "Sample",
  Oct12018: {
      Assigned: 2,
      Completed: 0
  },
  Oct22018: {
     Assigned: 2,
     Completed: 2
  },
  ... and so on.
  </code></pre>
  
  <p>this is how I create that data:
  I dynamically create a column for the date.
      enter code here
      $.each(groupedData, function (col, val) {
                      if (property != 'DateFormat' &amp;&amp; property != 'Date') {
                          schedule[i] = {};</p>
  
  <pre><code>                }
                  for (var j = 0; j &lt; val.length; j += 1) {
                      var currentItem = val[j]
                      var property = Object.keys(currentItem)[i];
                      schedule[i]["TaskDescription"] = currentItem.TaskDescription;
                      //schedule[i][currentItem.DateFormat] = currentItem["Assigned"];
                      for (var x = 0; x &lt;= 2; x++) {
                          schedule[i][currentItem.DateFormat] = {};
                          schedule[i][currentItem.DateFormat]["Assigned"] = currentItem["Assigned"];
                          schedule[i][currentItem.DateFormat]["Completed"] = currentItem["Completed"];
                          //schedule[i]["Completed"] = currentItem["Completed"];
                      }
                  }
                  i += 1;
              });
  </code></pre>
  
  <p>Now I wonder how can I put this on my kendo grid.</p>