我使用的是具有多列的Kendo网格页面 我想设置一个列宽自动调整并自动更改宽度 Plz帮助我,谢谢
@(Html.Kendo().Grid<GardeshKar.Models.v_marhaleh_marahel>()
.Name("grdMarahel_Gardeshkar")
.ToolBar(toolbar => toolbar.Custom().Name("btnAddMarhaleh").Text("اضافه").HtmlAttributes(new { id = "btnAddMarhaleh", href = "#" }))
.Columns(columns =>
{
columns.Bound(c => c.Code).Width(50).Title("کد");
columns.Bound(c => c.Desc).Width(150).Title("شرح");//Autofit
columns.Command(c => c.Destroy().Text("حذف")).Width(70).Title("عملیات");
})
.HtmlAttributes(new { style = "height: 380px;" })
.Scrollable()
.Sortable()
.Resizable(rl => rl.Columns(true))
.Selectable(sl => sl.Mode(GridSelectionMode.Single).Type(GridSelectionType.Row))
.DataSource(dataSource => dataSource
.Ajax()
.Model(m => m.Id(p => p.id))
.Read(read => read.Action("Get_DS_Marahel_Gardeshkar", "Home",
new { intGardesh = ViewBag.CodeGardeshKar }))
.Destroy(del => del.Action("Del_Marhaleh_GardeshKar", "Home")))
)
特定于自动调整的列必须将列宽更改为自动调整
答案 0 :(得分:0)
一种方法是删除&#34; Scrollable&#34;属性或者您可以在dataBound事件中使用此函数。
function Autocolumnwidth(e) {
var grid = e.sender;
for (var i = 0; i < grid.columns.length; i++) {
grid.autoFitColumn(i);
}
}