title: Kendo UI Grouping with Column Menu
body: <p>I am facing an issue while using Kendo gird with both grouping &amp; column menu enabled.</p>
  
  <p>when we select any one of the columns for grouping(say ShipCountry) ,collapse all the rows,de-select any column from the columns menu(right corner of columns) and expand the rows .
  the de-selected columns are visible in the inner grid &amp; the column name is not visible in the header. </p>
  
  <p>we even tried handling the check events of the columns menu ,show or hide columns manually 
  but that did not work out.Can some body help to fix this issue.</p>
  
  <p>Below is the code snippet of my implementation.</p>
  
  <pre><code>    &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;script src="http://code.jquery.com/jquery-1.8.2.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://cdn.kendostatic.com/2012.3.1315/js/kendo.all.min.js"&gt;&lt;/script&gt;
      &lt;link href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.common.min.css" rel="stylesheet" /&gt;
      &lt;link href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.default.min.css" rel="stylesheet" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
          &lt;div id="example" class="k-content"&gt;
              &lt;div id="grid"&gt;&lt;/div&gt;
  
              &lt;script&gt;
                  $(document).ready(function() {
                      $("#grid").kendoGrid({
                          dataSource: {
                              type: "odata",
                              transport: {
                                  read: "http://demos.kendoui.com/service/Northwind.svc/Orders"
                              },
                              schema: {
                                  model: {
                                      fields: {
                                          OrderID: { type: "number" },
                                          ShipCountry: { type: "string" },
                                          ShipName: { type: "string" },
                                          ShipAddress: { type: "string" }                                        
                                      }
                                  }
                              },
                              pageSize: 10,
                              serverPaging: true,
                              serverFiltering: true,
                              serverSorting: true
                          },
                          height: 250,
                          sortable: true,
                          filterable: true,
                          columnMenu: true,
                          pageable: true,
              groupable:true,
                          columns: [
                              "OrderID",
                              "ShipCountry",
                              "ShipName",
                              {
                                  field: "ShipAddress",
                                  filterable: false
                              }
                          ]
                      });
                  });
              &lt;/script&gt;
          &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>