Nested Datatable/Grid

Hi,
Is it possible to have a nested Datatable/Grid ? In other words is it possible to have a table wihtin a table and have seperate search/filter for both the (nested) tables?If yes, how do I get or access the inner tables data? A working code example would be greatly appreciated.
Many thanks in advance…

Yes, there exists a possibility to nest a datatable into another datatable. Please check the following article http://docs.webix.com/datatable__subviews.html

Note that this functionality is only available in the PRO edition.

Many thanks @Helga! I am evaluating Webix towards purchasing the Enterprise pack so that should not be a issue.
I have an additional question: can we also have filtering/search on the subview (embedded datatable) as well as on the overall (parent) datatable such that the overall (parent) search/filter takes into account the subview (embedded) data table.
Would you be so kind to provide a working code example for above. Many thanks in advance…

Such functionality doesn’t come out of the box, but can be configured: http://webix.com/snippet/631804bc

Thanks @Helga many thanks for your sample. Unfortunately when I include the nested sample given by you in my accordion, it breaks the complete layout. I tried to adjust different parameters/remove ‘width’ etc. but nothing helps:( Without the Nested Table/ Grid the layout seems fine.
Kindly take a look at : http://webix.com/snippet/e51aeb70
How can we ensure that the Nested table/Grid occupies the complete layout available (in general and in this case)? Any suggestions please?
Many thanks again…

In general Webix components try to take the whole available space of the container (either document body or HTML element) unless you define fixed size for them.

You need to remove autowidth and autoheight parameters from datatable configuration as they adjust it to its content (check the docs) which means that some fixed width and height are calculated during rendering.

Furthermore, at least one of the datatable columns must have a fillspace property set either to true or to a numeric value (1, 2, 3, etc.) to enable percent-based sizing. Otherwise, the column will be set to the default 100px width.

Check the snippet, please: http://webix.com/snippet/ef1a36f8

Is this feature available in Team Pack?

@jyothsnayes, yes. All components and features mentioned here are available in Webix PRO (Team Pack includes it as well)

Thank for the confirmation :slight_smile: