Model view controller Telerik mvc网格和固定宽度列

Model view controller Telerik mvc网格和固定宽度列,model-view-controller,grid,telerik,Model View Controller,Grid,Telerik,所有我的网格在第一列中都有一些图像链接,用于编辑、删除和打开记录 我无法将此列固定为80像素 这是我的密码: @(Html.Telerik().Grid(Model) .Name("Grid") .DataKeys(keys => keys.Add(c => c.Handle)) .DataBinding(dataBinding => dataBinding .Ajax() .Select("AjaxPe

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

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

    )
@(Html.Telerik().Grid(模型)
.名称(“网格”)
.DataKeys(keys=>keys.Add(c=>c.Handle))
.DataBinding(DataBinding=>DataBinding
.Ajax()
.选择(“AjaxPesquisar”、“Specialidade”)
.更新(“AjaxAtualizar”、“Specialidade”)
.Delete(“AjaxDelete”、“specialidade”))
.HtmlAttributes(新的{@class=“grid padrao”})
.ClientEvents(事件=>事件
.OnDataBound(“Atualizarcs”)
)
.列(列=>
{
列.模板(@).宽度(80);
列。装订(“descripao”)。标题(“descripção”);
列。绑定(“句柄”)。标题(“Código”);
})        
.Pageable()
.Sortable()
)

如果将表格的
表格布局
CSS设置设置为
固定
,则列宽效果最佳。您可以使网格可滚动()或使用以下CSS:

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

.t形网格表
{
表布局:固定;
}

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

我也有同样的问题!为了让它工作,我做了以下几点:

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

希望这能有所帮助。

我使用了Scrollable,现在正文已经可以了,但是标题与正文列的大小不一样。为什么投票否决了这一点?这是一个有效且相对简单的问题。