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

目前，我已经默认设置了第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" );
}

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

所以，是否有任何其他解决方案可以动态地成为网格列，从而提高性能，并且不会每次都使用列大小的条件