Nested DataTable\Table

Lee

November 19, 2015 at 2:00 pm #962

Hi Salient,
We are doing a RFP POC for on of our accounts and need some urgent help to get a sample how to implement Nested DataTable\Table in SPARK UI. We also have the latest SPARK EE internally to use. Please see my attachment.

SPARK Support

November 19, 2015 at 2:30 pm #964

The attached word document should help you

SPARK Support

November 19, 2015 at 2:44 pm #966

Hey Lee,

I have replicated your example and the image attached is what I saw when I ran it. Will this approach not work for you? If you need the child table rows to be like they are in the screenshot you sent us, SPARK table control does not have this functionality built in, but I’m sure we could figure out a way to make it work. Let me know what you think.

Thanks,

Elliot P.

Manishagr83

November 19, 2015 at 3:57 pm #968

Thanks Elliot P for your time to help us in this RFP work. I work with Lee and working on this UI component. Yes we wanted similar to the requirement in the screenshot where the nested table comes as new row under the parent row rather than as a column. Do you think that is doable?

SPARK Support

November 19, 2015 at 4:05 pm #969

SPARK does not inherently have the ability to do what you desire.  Would something like this work? The first row is the panel expanded, and the second is with it collapsed.

Manishagr83

November 19, 2015 at 4:09 pm #971

No Elliot. It wouldn’t match the requirement. No problem. I will create a new control using the row details feature of datatable. Thanks for your time.

Stuart Jones

May 10, 2016 at 9:43 pm #1730

Hello,

I am having a similar issue. I have a Modal Section in my table and the modal contains the nested table. My problem is that the table in the Modal Section is always the nested list for row zero of my main table. Can you tell me how to configure this so that my Modal Section contains the data for the correct row?

Thanks

Stuart Jones

Rex Townsend

May 19, 2016 at 2:26 pm #1821

Hello Stuart,

I have created a little mockup to illustrate how you can achieve what you want. I have an object set up like this:

Here is my Spark control structure. It consists of a main table, which has a Modal Section inside of it that contains the inner table, and a button that is used to open the modal (one for each row in the outer table)

In the On Click event configuration option of the Button control that is inside the outer table, I put the following code:

Let me know if you run in to any problems implementing this.