title: Kendo-grid locked column and grouping
body: <p>I have grid with locked (frozen) column and grouping like this:</p>
  
  <p>demos.telerik.com/kendo-ui/grid/frozen-columns</p>
  
  <p>But I have only one frozen column and small width.</p>
  
  <p>And when I group by column with long string values (eg ship address), these group values in group header displayed in multiple lines.</p>
  
  <p><a href="http://c2n.me/j8Mseo" rel="nofollow">Screen</a></p>
  
  <p>How show group header in one line even if first part of grid (with locked columns) has small width?
  <a href="http://dojo.telerik.com/IvaFi" rel="nofollow">Source</a></p>
  
  <pre><code> $(document).ready(function() {
          $("#grid").kendoGrid({
              dataSource: {
                  type: "odata",
                  transport: {
                      read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
                  },
                  schema: {
                      model: {
                          fields: {
                              OrderID: { type: "number" },
                              ShipCountry: { type: "string" },
                              ShipName: { type: "string" },
                              ShipCity: { type: "string" },
                              ShipAddress: { type: "string" }
                          }
                      }
                  },
                  pageSize: 30,
                  group: { field: "ShipName" } 
              },
              height: 540,
              sortable: true,
              reorderable: true,
              groupable: true,
              resizable: true,
              filterable: true,
              columnMenu: true,
              pageable: true,
              columns: [ {
                      field: "OrderID",
                      title: "Order ID",
                      locked: true,
                      lockable: false,
                      width: 50
                  }, {
                      field: "ShipCountry",
                      title: "Ship Country",
                      width: 300
                  }, {
                      field: "ShipCity",
                      title: "Ship City",
                      width: 300
                  },{
                      field: "ShipName",
                      title: "Ship Name",
                      width: 300
                  },  {
                      field: "ShipAddress",
                      width: 400
                  }
              ]
          });
      });
  </code></pre>