Kendo UI 网格自动调整列

【问题标题】：KendoUI grid auto fit columnsKendo UI 网格自动调整列
【发布时间】：2017-04-27 21:57:54
【问题描述】：

我正在尝试根据 KendoUI javascript 中的内容大小autofit 网格列。如果您设置 resizable: true 和双击处理程序，它会起作用。但我想在代码中设置它。

【问题讨论】：

【解决方案1】：

您将需要使用 setOptions：

var grid = $("#grid").data("kendoGrid");
grid.setOptions({
  resizable: true
});

示例：http://dojo.telerik.com/@sg53719/alOhA

【讨论】：

这将提供在网格上手动调整大小。我正在寻找基于字段内容的自动调整大小。我提供了我的解决方案。感谢您的调查。

【解决方案2】：

在gridOption的Databound事件中，使用autoFitColumn方法。

  dataBound: (e) => {


       var grid = e.sender;
       if (grid && $scope.modifycolumns) {
         setTimeout(function() {
           $scope.modifycolumns.forEach(function($index, item) {
               console.log(item);
             $scope.tempGrid.autoFitColumn(item);
             // grid.resize();
           });
         }, 1);

       }

     },

这是完整的工作解决方案：

Resize columns in code-behind for dynamic columns

【讨论】：