listview - 如何在 kendo ui listview 网格中动态设置列大小

Question

目前我默认设置了第 3 列和第 7 行，并在网格中正确显示。像这样：

var gridrow = 7;
var gridcolumn = 3;
var gridrowcolumn = gridrow * gridcolumn;
var dataSource = new kendo.data.DataSource({
 data:[ ],
 pageSize: gridrowcolumn,
});
$("#listView").kendoListView({
 dataSource: dataSource,
 selectable: "multiple",
 editable: true,    
});

并在网格中设置数据并像这样初始化 3 列网格的视图。

var total = dataSource.data().length;
dataSource.insert(total, {categoryClass:"product", categoryTitle: "india", categoryId:"3" );
dataSource.insert(total, {categoryClass:"product", categoryTitle: "gujarat", categoryId:"2" );
dataSource.insert(total, {categoryClass:"product", categoryTitle: "surat", categoryId:"1" );

但我想以编程方式更改列并添加额外数据。

前任。如果我将列更改为 4，然后像这样添加一个额外的列并提供条件以正常工作。

if(gridcolumn == 4) {
dataSource.insert(total, {categoryClass:"product", categoryTitle: "asia", categoryId:"4" );
}

如果我这样做，那么完全可以工作，但是这种类型的代码，增加代码行和性能会变慢。

那么是否有任何其他解决方案可以动态成为网格列并提高性能并且不会每次都使用条件来确定列大小。