剑道网格头和数据行的列不对齐 [英] Kendo Grid header and data row columns are not aligned

问题描述

我有剑道grid.And问题是网格的标题和数据行列不正确对齐。

下面是剑道格code：

  @（Html.Kendo（）。网格（Model.Product）
。名称（网格）
.Scrollable（A =＆GT; a.Height（自动））
.Columns（列=＆GT;
{
    columns.Bound（O =＆GT; o.ProductId）.Sortable（真）
    .ClientTemplate（＆LT; A HREF ='/产品/ ProductEntry /＃=＃产品ID的目标='_空白'＆GT;＃=产品＃＆LT; / A＆gt;中）
    .title伪（订单号）;
    columns.Bound（p值=＆GT; p.Name）;
    columns.Bound（p值=＆GT; p.LastName）;
    columns.Bound（p值=＆GT; p.Insurance）;
    columns.Bound（p值=＆GT; p.LastUpdate）;
}）
.Pageable（）
.Sortable（）    .Resizable（调整=＆GT; resize.Columns（假））
    .Reorderable（重排= GT; reorder.Columns（假））
）
 

解决方案

这是在Chrome浏览器的用户界面剑道格的错误。
你在Firefox测试你的问题？

您可以看到这个问题：

  

错误在铬剑道UI电网LRT CSS

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))     
)  

解决方案

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

You can notice to this question:

Bug in kendo ui grid lrt css in chrome

这篇关于剑道网格头和数据行的列不对齐的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！