如何在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" );
}

如果我这样做然后完全工作，但这种类型的代码，增加代码行和性能将变得缓慢。

还有其他任何解决方案可以动态地变为网格列，并且性能会提高，并且每次都不会使用条件。