asp.net mvc-对剑道网格进行排序会改变其列宽

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应该可以解决您的问题。