Telerik mvc 网格和固定宽度列

Question

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

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

    )

Answer 1

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

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

您可以在 此处找到有关表格的更多信息。

Answer 2

我也有同样的问题！为了让它工作，我所做的就是添加：

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

希望这有帮助。