i using kendo ui mvc4 helper. have set fixed width each column, when loading data data , header not aligned. then, when re-sizing column, columns aligned properly(no issue). please let me know solution aigned while loading content. , using grouping also.
please check screen shot.
just after load data
after re-sizing column 
please check 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"); ......
try answer blog. may helpfull.
http://blog.falafel.com/kendo-grid-hierarchy-shared-column-headers/
