无法删除网格中的空白区域

Question

有一个要求，例如当用户在文本框中输入数据并在下拉列表中选择值然后单击搜索按钮时，结果将显示在网格中..这很好...... 我在这里遇到了两个挑战..

1）我在标题部分的kenod ui网格中得到空白空间，如下图所示....我在下面的图像（大圆圈）中将其四舍五入

2）我有一些列名太长，在这种情况下是否有可能显示整个列名称我在上面的图像圆圈（小圆圈）我需要在标题中显示完整的列名....

以下代码用于kendo ui grid ......

 <div class="GridSearch">

        @(Html.Kendo().Grid<Sanmple.SampleMapp.MVC.Models.TransactionHistoryModel>()
.Name("TransactionHistroyGrid")
 .DataSource(dataSource => dataSource
    .Ajax()
    .PageSize(20)
    .Read(read => read
        .Action("Orders_Read", "TransactionHistoryResults")
        .Data("additionalData")
        )                   
 )
.Columns(columns =>
{
    columns.Bound(p => p.UserId).Filterable(false).Width(40);
    columns.Bound(p => p.Status).Filterable(false).Width(50);
    columns.Bound(p => p.Reviewed).Template(@<text></text>).ClientTemplate("<input id='checkbox'  class='chkbx' type='checkbox' />").Filterable(false).Width(30);
    columns.Bound(p => p.ProjectCaseNumber).Filterable(false).Width(50);
    columns.Bound(p => p.CostPag).Filterable(false).Width(50);
    columns.Bound(p => p.ItemID).Filterable(false).Width(50);
    columns.Bound(p => p.TypeOfChange).Filterable(false).Width(50);
    columns.Bound(p => p.ChangeDescription).Filterable(false).Width(50);
    columns.Bound(p => p.CreatedOnEnd).Filterable(false).Width(50);
    columns.Bound(p => p.UpdatedOnEnd).Filterable(false).Width(50);
    columns.Bound(p => p.Comment).Filterable(false).Width(50);
})
.Pageable()
.Sortable()
.Scrollable()
.Filterable()
.HtmlAttributes(new { style = "height:400px;" })   
)
</div>

对于这两个挑战，我是否需要更改kendo ui grid中的任何内容... 你会不会就这一个提出任何想法和建议...... 非常感谢...

Answer 1

我已经纠正了我对网格所做的这些更改的第二个问题（只是使用mvc包装器方法将此属性添加到kendo UI网格

  .Pageable()
  .Sortable()
  .Resizable(resize => resize.Columns(true)) // added this property to kendo UI grid 
  .Scrollable()
  .Filterable()
  .HtmlAttributes(new { style = "height:400px;" })