Model view controller Telerik mvc网格和固定宽度列
所有我的网格在第一列中都有一些图像链接,用于编辑、删除和打开记录 我无法将此列固定为80像素 这是我的密码: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
@(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,现在正文已经可以了,但是标题与正文列的大小不一样。为什么投票否决了这一点?这是一个有效且相对简单的问题。