U can do it by using itemRenderer in the dtatgrid. The item renderer is created with label and datagrid as children or view states such that onclick it will show dataGrid.
i need example.
Here you can see a datagrid which contains two different custom item renderer including source:
- Tab component
- Rating component
Durring my first steps with a custom item rendere inside a datagrid I recognized problems with different row heights. For example if you use inside your custom item renderer a simple label component with height = '100%' then the label component is rendered correctly but the height of the row was not correctly. The result was that the content of different labels were rendered one upon the other. Normally you have for those requirements the 'variableRowHeight' flag on datagrid but setting this to true was nonsatisfying. Another approach which I tried was to set the measurements of the row depending of the height of the labels. In my case this was very time consuming and therefore not a real solution for me but at least it was a workaround.