Render Command Buttons on a Single Line

[Anthony]

How do I prevent the command buttons from wrapping in the command column on each of the grid rows? I want them to render in a straight, horizontal line even if they extend past the edge of the grid.

 like this:

+ ---------------------------------------------------------+
|  column 1 | ... | column n | [btn1] [btn2] [btn3] [btn4] |
+ ---------------------------------------------------------+

instead of:

+ -------------------------------------------+
| column 1 | ... | column n | [btn1] [btn2]  |
|          |     |          | [btn3] [btn4]  |
+ -------------------------------------------+

[Anthony]

bump

[Iliana Dyankova]

Hi Anthony,

In order to ensure the buttons won't wrap I would suggest to set column width equal to or greater than the sum of all button widths and make the grid scrollable. For example: 

@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.EmployeeViewModel>()
  .Name("Grid")
  .Columns(columns => {
     columns.Bound(e => e.FirstName).Width(800);
     columns.Bound(e => e.LastName).Width(700);
     columns.Bound(e => e.Title);
     columns.Command(command => {
         command.Custom("ViewDetails");
         command.Custom("ViewDetails");
         command.Custom("ViewDetails");
         command.Custom("ViewDetails");
      }).Width(500);
    })
  .Scrollable()
  //....
)

Regards,
Iliana Nikolova
Telerik