Kido UI MVC4 Grid Column Header header is not consistent with data

Question

I am using the kendo UI MVC4 helper. I already set a fixed width for each column, but the data and the header are not aligned when loading the data. Then, when recalibrating any column, all columns will be correctly aligned (no problem). Please let me know any solution that will be used when downloading the content. And I also use grouping.

Please check the screenshot.

Data After Upload

After recalibrating any column

Please check out my html helper part.

.....
.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/