kendo-ui - Kendo UI Grid - 设置 Hierarchy 列的宽度

Question

我正在 MVC4 应用程序中创建一个剑道 ui 网格，如下所示：

@(Html.Kendo().Grid<GridResultItemViewModel>()  
                .Columns(columns =>
                      columns.Bound(b => b.Distance).Width(35);
                      columns.Bound(b => b.Height).Width(35);
                      ...)
                .ClientDetailTemplateId("wellResultDetailsTemplate")
                .Name("ResultGrid"); // etc.

我想不出一种方法来设置分层/详细扩展列的宽度。

在 .k-hierarchy-cell 的 css 中设置宽度或最大宽度似乎不起作用。

Answer 1

您应该使用k-hierarchy-colCSS 类：

.k-grid .k-hierarchy-col {
  width: 50px;
}

这是一个现场演示：http: //jsbin.com/abason/1/edit