Vue开发学习笔记:KendoUIGrid列宽自适应

最新推荐文章于 2022-06-24 09:43:42 发布

原创最新推荐文章于 2022-06-24 09:43:42 发布 · 997 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #grid #kendoUI #列宽 #自适应

Vue开发学习笔记专栏收录该内容

18 篇文章

订阅专栏

本文介绍了如何在Kendo Grid数据绑定完成后，通过JavaScript实现列宽根据标题自适应调整的方法，适用于前端开发中的表格布局优化。

学习自:https://stackoverflow.com/questions/25614952/how-to-make-kendo-grid-column-auto-width

在dataBound函数中

//数据绑定事件，可实现查询后，需要执行的操作
    dataBound: function (parm) {
      //设置列宽自适应标题
      var grid=parm.sender;
      for (let index = 0; index < grid.columns.length; index++) {
        const element = grid.columns[index];
        grid.autoFitColumn(index);
        
      }
    },