Fixed width columns with scroll

Hi,

I would like to set the widths of my columns and display a horizontal scrollbar since width exceeds container. When I try my code the columns get compressed with no horizontal scrollbar. If I resize a column, the scrollbar does appear. Is there a way to honor the fixed widths and have a horizontal scrollbar appear below instead of shrinking the widths?

    @(Html.Kendo()
      .Grid(Model.MyData)
      .Name("myData")
      .Columns(column =>
      {
          column.Bound(s => s.Col1).Width(60);
          column.Bound(s => s.Col2).Width(80).Title("Col2");
          column.Bound(s => s.Col3).Width(30).ClientTemplate("<span>#= Col3 != null ? Col3 : '' #</span>");
          ... several others
          column.Bound(s => s.ColX).Width(100).ClientTemplate("<span>#= ColX != null ? ColX : '' #</span>");
      })
      .ColumnMenu()
      .Scrollable(s => s.Enabled(true).Height("auto"))
      .Pageable(builder => builder.PageSizes(new List<object> { 20, 50, "all" }))
      .Filterable()
      .Sortable()
      .Groupable()
      .Resizable(resize => resize.Columns(true))
      .DataSource(datasource => datasource
          .Ajax()
          .PageSize(20)
          .Read(read => read.Action("MyReadAction", "MyController")
          )
      ))