自动适合宽度网格列显示所有数据

环境

描述

我怎么能有一个剑道UI网格的列自动适合他们的宽度，以适应他们的内容?

解决方案

1. 订阅数据绑定事件。
2. 使用autoFitColumn方法。

如果你只能设置检查属性真正的，使用数据绑定事件。

< div id = "榜样" > < div id = "网格" > < / div > <脚本> $(文档)时(函数(){var网格= $(" #网格”)。kendoGrid({dataSource: {type: "odata"，传输:{read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"}， schema: {model: {fields: {OrderID: {type: "number"}， ShipCountry: {type: "string"}， ShipCity: {type: "string"}， ShipName: {type: "string"}， OrderDate: {type: "date"}， ShippedDate: {type: "date"}}}}， pageSize: 15}，高度:550，可排序:true，可调整大小:true，可分页:true, dataBound: function() {for (var i = 0;I < this.columns.length;i++) {this.autoFitColumn(i);}}，列:[{字段:“OrderDate”，标题:“订单日期”，格式:“{0:MM/dd/yyyy}”}，{字段:“船舶国家”，标题:“船舶国家”}，{字段:“船舶城市”，标题:“船舶城市”}，{字段:“ShipName”，标题:“船舶名称”}，{字段:“ShippedDate”，标题:“发货日期”，格式:“{0:MM/dd/yyyy}”}，{字段:“OrderID”，标题:“ID”}，{字段:“OrderDate”，标题:“订单日期”，格式:“{0:MM/dd/yyyy}”}，{字段:“船舶国家”，标题:“船舶国家”}，{字段:“ShipCity”，标题:“船舶国家”}，{字段:“ShipCity”，标题:“船舶城市”，标题:“船市”}，{字段:“船名”，标题:“船名”}，{字段:“装船日期”，标题:“装船日期”，格式:“{0:MM/dd/yyyy}”}，{字段:“OrderID”，标题:“ID”}]});});