Add CSS to child row

john_mark_smith

I have a table with expandable rows that can be seen here: jsFiddle

When I click the "+" expand icon the child rows appear as expected. However, the code I have inserted into the child row is stuck inside two <tr>s (generated by DataTables) and I cannot find a way to apply my own CSS to these <tr>s. All I want is to remove the padding so that the table in my child row is actually full width.

allan

row().child() has the option of specifying a class name for the child rows, so you would do that and then use a little CSS to remove the passing. Updated fiddle: http://jsfiddle.net/u2te0yus/5/ .

Allan