2011-07-28 126 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;" }); 

希望這會有所幫助。