Kendo ui 禁用单列剑道网格的调整大小

我只需要在剑道网格中禁用一列的大小调整。 我已经看到了这个事件，但我不知道如何在下面的网格示例中使用它

我注意到也有类似的情况

我的网格-

@(Html.Kendo().Grid<CCCAdmin.ViewModels.AdminReportViewModel>().Name("AdminReportGrid")
          .HtmlAttributes(new {@class = "table table-bordered"})
          .Columns(columns =>
          {
              columns.Bound(l => l.Id).Width("11%").Title("Id");
              columns.Bound(l => l.CustomerName).Width("30%");
}).Resizable(r => r.Columns(true))
  .Excel(excel => excel
  .FileName("Admin Report Export.xlsx")
  .Filterable(true)
  .ProxyURL(Url.Action("Excel_Export_Save", "AdminReport")))
  .DataSource(dataSource => dataSource
  .Ajax().Read(read => read.Action("AdminReport_Read", "AdminReport"))
         .Destroy(update => update.Action("AdminReportDestroy", "AdminReport"))
              .Sort(sort => sort.Add("CallCounting").Descending())
              .PageSize(20)
              .Model(model =>
              {
                  model.Id(a => a.Id);
              })
          )
        .Events(events =>
            {
                events.DataBound("dataBound");
                events.ExcelExport("onExcelExport");
            }
          )
        .ClientDetailTemplateId("CustomerInvoices")
        .Sortable()
        .Filterable()
    )

@（Html.Kendo（）.Grid（）.Name（“AdminReportGrid”）
.HtmlAttributes（新的{@class=“table-table-bordered”}）
.列（列=>
{
columns.Bound（l=>l.Id）.Width（“11%”）.Title（“Id”）；
columns.Bound（l=>l.CustomerName）.Width（“30%”）；
}).可调整大小（r=>r.Columns（true））
.Excel（Excel=>Excel
.FileName（“管理报告导出.xlsx”）
.可过滤（真）
.ProxyURL（Url.Action（“Excel\u导出\u保存”、“AdminReport”））
.DataSource（DataSource=>DataSource
.Ajax（）.Read（Read=>Read.Action（“AdminReport\u Read”，“AdminReport”））
.Destroy（update=>update.Action（“AdminReportDestroy”、“AdminReport”））
.Sort（Sort=>Sort.Add（“CallCounting”）.Descending（））
.页面大小（20）
.Model（Model=>
{
model.Id（a=>a.Id）；
})
)
.Events（Events=>
{
事件。数据绑定（“数据绑定”）；
events.ExcelExport（“onExcelExport”）；
}
)
.ClientDetailTemplateId（“CustomerVoices”）
.Sortable（）
.可过滤（）
)

剑道ASP.NET MVC中没有现成的功能，但您可以使用Javascript完成任务。在下面的示例中，列

Id

将不会调整大小

    var grid = $("#GridName").data("kendoGrid");

    grid.resizable.bind("start", function (e) {
        if ($(e.currentTarget).data("th").data("field") == "Id") {
            e.preventDefault();
            setTimeout(function () {
                grid.wrapper.removeClass("k-grid-column-resizing");
                $(document.body).add(".k-grid th").css("cursor", "");
            });
        }
    });

---

演示

$（函数（）{
$（“#网格”）.kendoGrid({
数据源：{
数据：[
{Id:“1”，名字：“Amar”，姓氏：“X”}，
{Id:“2”，名字：“Akbar”，姓氏：“Y”}，
{Id:“3”，姓：“安东尼”，姓：“Z”}
]
},
可调整大小：true
});
var grid=$（“#grid”）.data（“kendoGrid”）；
grid.resizable.bind（“开始”，函数（e）{
如果（$（e.currentTarget）.data（“th”）.data（“field”）=“Id”）{
e、 预防默认值（）；
setTimeout（函数（）{
grid.wrapper.removeClass（“k-grid-column-resizing”）；
$（document.body）.add（“.k-grid th”）.css（“cursor”，”）；
});
}
});
});

剑道UI片段
无法调整Id列的大小：

我想从客户id列而不是整个网格中删除可调整大小的功能。