What I want to achieve is a subgrid within an enhanced grid using dojo just like a Jquery data table. So I followed these steps to achieve it. Create an enhanced grid in dojo using dojox/grid/EnhancedGrid. Create a dojo/data/ItemFileWriteStore from Json data which is of the format {items:[{"key":"value","subgrid":{"child":"value"}}]} Create a layout which has onBeforeRow callback which is called before the creation of any row in the grid so that we can hide the child row. The first column of the row should be a +/- image which upon clicking should show the child row. Finally the output would be something like Demo and code is @ jsFiddle
I write in my blog all those contents which I find interesting and amazing.