0

There is a requirement like when the user enters the data in textbox and select the value in drop down list and then click on search button the results will be showing in grid .. thats working fine ... I have got two challenges here ..

1) I am getting empty space in kenod ui Grid in the header part like the below image shown in figure.... i have rounded it in below image(big circle)

enter image description here

2) I have got some column names are too long in that case is there any possibility to show entire column name That I have rounded in above image (small circles) I need to display full column name in header ....

and the below code is for 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>

Do i need to change any thing in kendo ui grid for these two challenges ... would you pls suggest any ideas and any suggestions on this one... Many Thanks in advance ....

4

1 回答 1

0

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

  .Pageable()
  .Sortable()
  .Resizable(resize => resize.Columns(true)) // added this property to kendo UI grid 
  .Scrollable()
  .Filterable()
  .HtmlAttributes(new { style = "height:400px;" })
于 2013-11-19T16:27:06.393 回答