title: kendo grid columns width not adjusting properly If I use column menu
body: <p>I am using kendo column menu in my grid.If I uncheck item in the columnmenu then the column width are not properly occupying the full width .
  can any one help me how to fix this.</p>
  
  <pre><code>var grid = $("#grid").kendoGrid({
      dataSource: {
          data  : createRandomData(100),
          pageSize : 10,
          schema: {
              model: {
                  fields: {
                      Id       : { type: 'number' },
                      FirstName: { type: 'string' },
                      LastName : { type: 'string' },
                      City     : { type: 'string' }
                  }
              }
          }
      },
      pageable  : true,
      columnMenu: true,
      columns   : [
          { field: "FirstName", width: 90, title: "First Name" },
          { field: "LastName", width: 90, title: "Last Name" },
          { field: "City", width: 100 }
      ],
      dataBound: function () {
          $(".k-header-column-menu").kendoTooltip({
              content: "column menu"
          });
      }
  }).data("kendoGrid");
  </code></pre>
  
  <p>check this fiddle</p>
  
  <p><a href="http://jsfiddle.net/OnaBai/JCSGz/" rel="nofollow">http://jsfiddle.net/OnaBai/JCSGz/</a></p>