EasyUI Forum

I followed your tutorial with the master detail datagrid.
The problem is that it doesn't resizes the grid at first time expanding and load the detail grid.
Not before the second expand it works. Where is the trick?

,onExpandRow: function(index,row){
    var ddv = $(this).datagrid('getRowDetail',index).find('table.ddv');
    ddv.datagrid({
     url: 'zuchtperiode.act.php?frm=frmZUP&act=S&prk=' + row.OLT31A004T_KEY,
     fitColumns:true,
     singleSelect:true,
     rownumbers:true,
     loadMsg:'loadMsg',
     height:'auto',
    queryParams : {sort: 'ZUV_DAT', order: 'DESC'},
     columns:[[
      {field:'ZUV_DAT',title:'Datum',width:100},
      {field:'ZUV_DES',title:'Protokoll',width:100},
      {field:'CBE_GER',title:'Aktion',width:100}
     ,{field:'CZS_GER',title:'Status',width:100}
     ]],
    onResize:function(){
     $('#edgZuchtperiode').datagrid('fixDetailRowHeight',index);
    },
    onLoadSuccess:function(){
     setTimeout(function(){
      $('#edgZuchtperiode').datagrid('fixDetailRowHeight',index);
     },0);
    }
   });
   alert('onExpandRow');
   $('#edgZuchtperiode').datagrid('fixDetailRowHeight',index);
  }//onExpandRow

Please refer to this tutorial http://www.jeasyui.com/tutorial/datagrid/datagrid22.php

That is what I allready did!