2011-07-28 96 views
2

我所有的网格都会在第一列中有一些图像链接来编辑,删除和打开记录。Telerik mvc网格和固定宽度列

我无法将此列固定为80像素。

这里是我的代码:

@(Html.Telerik().Grid(Model) 
    .Name("Grid") 
    .DataKeys(keys => keys.Add(c => c.Handle))   
    .DataBinding(dataBinding => dataBinding 
     .Ajax() 
     .Select("AjaxPesquisar", "Especialidade") 
     .Update("AjaxAtualizar", "Especialidade") 
     .Delete("AjaxDelete", "Especialidade")) 
    .HtmlAttributes(new { @class = "grid-padrao" }) 
    .ClientEvents(events => events 
     .OnDataBound("atualizarCss") 
    ) 
    .Columns(columns => 
    { 
     columns.Template(@<span><a class="formatacao" href="/Especialidade/Details/238" image="show"></a><a class="formatacao delete-link" href="/Especialidade/AjaxDelete/238" image="delete"></a><a class="formatacao" href="/Especialidade/Edit/238" image="edit"></a></span>).Width(80); 
     columns.Bound("Descricao").Title("Descrição"); 
     columns.Bound("Handle").Title("Código"); 


    })   
    .Pageable() 
    .Sortable() 

    ) 
+1

为什么这是低票?这是一个有效且相对直接的问题。 – ischell

回答

4

列宽的工作最好的,如果表中的table-layout CSS设置为fixed。你可以让你的网格滚动()或使用下面的CSS:

<style> 
    .t-grid table 
    { 
     table-layout: fixed; 
    } 
</style> 

您可以找到有关表格here更多信息。

+0

我用过Scrollable,身体现在没问题,但头部的体长不一样。 –

0

我也有同样的问题!我所做的工作是增加:

columns.Bound(o => o.YourColumn) 
.HtmlAttributes(new{@style="display:inline-block;width:80px;" }); 

希望这会有所帮助。