asp.net-mvc - 对 Kendo Grid 进行排序会更改其列宽

Question

我有一个这样的剑道网格：

    <%: Html.Kendo()
           ...
            .Pageable()                 
            .Columns(c => {
                c.Bound(x => x.ProductId).Width(80);
                c.Bound(x => x.ProductCode).Width(40);
                c.Bound(x => x.ProductName).Width(80);
                c.Bound(x => x.Created).Format("{0:yyyy-MM-dd}").Width(70);
                c.Bound(x => x.CreatedBy).Width(80);
            })
            .Sortable()
            .Selectable()               
            ...

当您单击列标题时，会出现一个向上或向下箭头以指示排序。到目前为止一切顺利，但是排序箭头使列扩大了它的宽度，这很烦人。我想避免列改变它们的宽度，你是怎么做到的？

Answer 1

将 css 规则添加到网格表中：table-layout:fixed应该可以解决您的问题。