title: Kendo Grid groupping
body: <p>I read <a href="http://www.kendoui.com/forums/ui/grid/can-t-drag-column-headers-to-group-by.aspx" rel="nofollow noreferrer">this topic</a> and use open source edition of kendo web, my current version is Kendo UI Web v2012.3.1114. My problem is exist as the link above and I could not solve it. </p>
  
  <p>Part of my script is here:</p>
  
  <pre><code>function load() {                
              var grid = $("#grid").data("kendoGrid");
  
              if (grid) {
                  //destroy the previous Grid instance
                  grid.destroy();
                  //clean up the html
                  grid.wrapper.html("");
              }
              var crudServiceBaseUrl = "WebForm.aspx",
                  //datasource = null;
                  dataSource = new kendo.data.DataSource({
                  transport: {
                      read: {
                          url: crudServiceBaseUrl + "?q=load&amp;sql=" + $("#tbSQL").val(),
                          dataType: "jsonp"
                      },
                      update: {
                          url: crudServiceBaseUrl + "?q=update&amp;sql=" + $("#tbSQL").val(),
                          dataType: "jsonp"
                      },
                      destroy: {
                          url: crudServiceBaseUrl + "?q=destroy&amp;sql=" + $("#tbSQL").val(),
                          dataType: "jsonp"
                      },
                      create: {
                          url: crudServiceBaseUrl + "?q=create&amp;sql=" + $("#tbSQL").val(),
                          dataType: "jsonp"
                      },
                      parameterMap: function (options, operation) {
                          if (operation !== "read" &amp;&amp; options.models) {
                              return { models: kendo.stringify(options.models) };
                          }
                      }
                  },
                  batch: true,
                  pageSize: 20,
                  schema: getmodel()
              $("#grid").kendoGrid({
                  dataSource: dataSource,
                  navigatable: true,
                  //pageable: true,
                  selectable: true,
                  //groupable: true,
                  sortable: true,
                  pageable: {
                      refresh: true,
                      pageSizes: true
                  },
                  height: 500,
                  toolbar: ["create", "save", "cancel"],
                  columns: getColumns(),
                  editable: true
              });
          }
  </code></pre>
  
  <p>Every thing is ok, but only after loading page I can only One time group by headers.</p>
  
  <p><img src="https://i.stack.imgur.com/a9EPr.png" alt="Example"></p>