Kendo Grid header and data row columns are not ali

问题:

I have kendo grid.And problem is grid's header and data rows columns are not aligned properly.

Below is the kendo grid code :

@(Html.Kendo().Grid(Model.Product)
.Name("Grid")
.Scrollable(a => a.Height("auto"))    
.Columns(columns =>
{
    columns.Bound(o => o.ProductId).Sortable(true)
    .ClientTemplate("<a href='/Product/ProductEntry/#=ProductID#' target='_blank'>#=Product#</a>")
    .Title("Order #");
    columns.Bound(p => p.Name);
    columns.Bound(p => p.LastName);
    columns.Bound(p => p.Insurance);
    columns.Bound(p => p.LastUpdate);
})
.Pageable()
.Sortable()

    .Resizable(resize => resize.Columns(false))
    .Reorderable(reorder => reorder.Columns(false))     
)  

回答1:

This is a bug in kendo ui grid in chrome browser. Do you test your problem in firefox?

You can read more about it in this question:

Bug in kendo ui grid lrt css in chrome