Kendo UI MVC4 网格列标题与数据不对齐

Question

我正在使用 kendo UI MVC4 助手。我已经为每列设置了固定宽度，但是加载数据时数据和标题未对齐。然后，当调整任何列的大小时，所有列都将正确对齐（没有问题）。请让我知道加载内容时要签署的任何解决方案。我也使用分组。

请检查屏幕截图。

加载数据后

调整任何列的大小后

请检查我的 html 帮助器部分。

.....
.Columns(columns =>
                 {
                     columns.Bound(p => p.EvaluationDT_ID).Hidden(true);
                     columns.Bound(p => p.ItemID).Hidden(true);
                     columns.Bound(p => p.ItemName).Width("160px").HtmlAttributes(new { title = "#= ItemName #" }).Sortable(true);
                     columns.Bound(p => p.Itemcode).Width("80px");
                     columns.Bound(p => p.Brand).Width("90px").HtmlAttributes(new { title = "#= Brand #" });
                     columns.Bound(p => p.Weight).Width("50px").HtmlAttributes(new { style = "text-align: right" }).HeaderHtmlAttributes(new { style = "text-align:left;" });
                     columns.Bound(p => p.UOMCode).Width("50px");
                     columns.Bound(p => p.PackagingName).Width("50px");
......

Answer 1

尝试此博客的答案。可能有帮助。

http://blog.falafel.com/kendo-grid-hierarchy-shared-column-headers/