Telerik mvc网格和固定宽度列

时间:2011-07-28 14:34:19

标签: model-view-controller grid telerik

我的所有网格都会出现在第一列,一些图像链接可以编辑,删除和打开记录。

我无法将此列固定为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()

    )

2 个答案:

答案 0 :(得分:4)

如果表的table-layout CSS设置设置为fixed,则列宽最有效。您可以使网格Scrollable()或使用以下CSS:

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

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

答案 1 :(得分:0)

我也有同样的问题!我做的工作就是添加:

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

希望这有帮助。