or
Dear support team,
I use the Kendo UI grid inside a Bootstrap Responsive Layout.So if displayed on smartphones, I would need the following behavior:
Among all columns there should be a particular one, that keeps its optimal width whereas the others should be shrinked down to zero.How can I get this?
As far as I have seen, optimal column widths are available if Grid.Scrollable is set to false.On the other hand, if Scrollable == true and I do not set the width of a certain column, it will fill the gap that is left over from the other columns' common width. Is there a public(?) Kendo function that calculates the optimal column width for a given set of data,that I can call in the dataBound eventhandler?
Best regards,

@(Html.Kendo().Grid(Model.GlobalProperties).Name("GlobalProperties") .Columns(columns => { columns.Bound(p => p.Id).Hidden(); columns.Bound(p => p.Name); columns.Bound(p => p.Value); }) .DataSource(dataSource => dataSource.Ajax().Batch(true) .Model(model => model.Id(p => p.Id)) .Create("GlobalProperty_Create", "Admin") .Update("GlobalProperty_Editing_Update", "Admin") .Destroy("GlobalProperty_Editing_Destroy", "Admin") ) .ToolBar(toolbar => { toolbar.Create(); toolbar.Save(); }) .Editable(editable => editable.Mode(GridEditMode.InCell)))public ActionResult GlobalProperty_Create(List<GlobalProperties> models) { using (var db = new CPSkla.Models.CPSklaEntitiesCalculation()) { foreach (GlobalProperties model in models) { db.GlobalProperties.Add(model); db.SaveChanges(); } } return View(GetViewResult()); }