Problem showing Child rows (show extra / detailed information)

sfjeld

I am trying to show some extra information in a child rows in my data tables. I am using https://datatables.net/examples/api/row_details.html as an example. I am using Ajax to pull in a simple Json file. Everything works except the child row data doesn't show. I put a console log to show that the data is there. What I want to happen is for this table to be added into the child row.

return '

'+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ '

January:	'+d.January_Srate+'
February:	'+d.February_Srate+'
March:	'+d.March_Srate+'

';
}

Link to test case: https://www.nrel.gov/pv/soiling-map.html
Debugger code (debug.datatables.net): No issues found
Error messages shown: No issues shown

Any help would be greatly appreciated.
thanks,
Shauna

kthorngren

Your format function is returning this:

return '<div class="table table-responsive"><table class="table table-striped"><tbody></tbody></table></div>';

If you inspect the child row you will see the table element is there:

You need to populate the table rows with what you want to display. The same as the example you linked to.

Kevin

sfjeld

Oh, wow. thanks so much. I did have the actual things I wanted to display in my code, but my CMS was stripping it out. I didn't realize that until I saw your code.