title: Why isnt the Kendo Grid inline editable?
body: <p>I have a Kendo grid in html as follows:</p>
  
  <pre><code>&lt;div 
       kendo-grid="grid"
       k-options="gridOptions"
       k-data-source="gridData"
       k-selectable="true"
       k-columns="gridColumns"
       k-editable="editableOptions"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The Angular back end is:</p>
  
  <pre><code>    $scope.gridData = new kendo.data.DataSource({
          data: $scope.users, &lt;-- the data binds correctly in the grid
          editable: {
              createAt: "bottom"
          },
          schema: {
              model: {
                  id: "Id",
                  fields: {
                      Id: { type: "string", visible: true },
                      Name: { type: "string", editable: true }
                  }
              }
          },
          sort: [
              { field: "Name", dir: "asc" }
          ],
          pageSize: 15,
          editable: true
      });
  
      $scope.gridOptions = {
  
      };
  
      $scope.gridColumns = [
          { field: 'Name', title: 'First Name', width: 60 },
          { field: 'Id', title: ' ',  width: 120 },
          {
              command: ["destroy"],
              title: " ",
              width: "175px",
              editable: "inline"
          }
  
      ];
      $scope.editableOptions = "inline";
  </code></pre>
  
  <p>So the User Data Load correctly with 5 rows, but there should be an extra row at the bottom for adding a new  user via the line  </p>
  
  <pre><code>editable: {
      createAt: "bottom"
  },
  </code></pre>
  
  <p>but this is not being created when the grid loads.  </p>
  
  <p>Also, they should be able to delete via the following command </p>
  
  <pre><code>{
      command: ["destroy"],
      title: " ",
      width: "175px",
      editable: "inline"
  }
  </code></pre>
  
  <p>but this is also not being displayed.
  What am I missing here?</p>