Telerik mvc 网格和固定宽度列答案

【问题标题】：Telerik mvc grid and fixed width columnTelerik mvc 网格和固定宽度列
【发布时间】：2011-10-15 04:50:23
【问题描述】：

我的所有网格都将在第一列中包含一些用于编辑、删除和打开记录的图像链接。

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

    )

【问题讨论】：

为什么这被否决了？这是一个有效且相对简单的问题。

标签： model-view-controller grid telerik

【解决方案1】：

我也有同样的问题！我所做的是添加：

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

希望这会有所帮助。

【讨论】：

【解决方案2】：

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

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

你可以找到更多关于表here的信息。

【讨论】：

我使用了 Scrollable 并且正文现在还可以，但是标题与正文列的大小不同..