You can use the column's 'formatter' function to construct a cell with special height. Change this height value and then call 'refreshRow' method to change all the row height dynamically.
$('#dg').datagrid({
columns:[[
{field:'itemid',title:'ItemId',width:100,
formatter:function(value){
var opts = $('#dg').datagrid('options');
opts.rowHeight = opts.rowHeight||25;
var style = 'height:'+opts.rowHeight+'px;line-height:'+opts.rowHeight+'px;';
return '<div style="'+style+'">'+value+'</div>';
}
},
{field:'productid',title:'Product',width:100}
]]
})
To change the row height, just reset the 'rowHeight' property value and then call 'refreshRow' method.
var dg = $('#dg');
dg.datagrid('options').rowHeight = 40;
for(var i=0; i<dg.datagrid('getRows').length; i++){
dg.datagrid('refreshRow', i);
}