使用 JavaScript 在 Kendo UI Grid 中动态添加列

使用 JavaScript 在 Kendo UI Grid 中动态添加列

1、通过 grid.setOptions() 添加列

// 获取现有的 Grid 实例
var grid = $("#grid").data("kendoGrid");

// 获取当前列配置
var options = grid.getOptions();
var columns = options.columns;

// 添加新列
columns.push({
    field: "newField", // 字段名
    title: "New Column", // 列标题
    width: 150
});

// 应用新的列配置
grid.setOptions({
    columns: columns
});
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容