expandable/collapsable datable with fnAddTr to display child rows under the parent

See more:

DataTable

MVC3

EF4.0

jQuery-UI

Hi,

I'm working on MVC3, Entity framework architecture. I use dataTable.js to assign an
HTML table and display data as rows-columns with expand/collapse on the rows.

Using fnAddTr plug-in, I add a child row, on click of '+' sign of parent. The parent as well as the child row has 14 columns that are checkboxes and 1 column is a read-only display. One button - 'save'
to edit and save all the checkbox values at once

The 2 things that I'am stuck with is
1.) retain the values of all the checkbox on collapse and expand before button click 'save'.
2.) fnAddTr adds rows at the bottom of all parents. But, what I need is to add the child rows below every parent row. Please find below the format in which i need to see.
Can someone help out in achieving the above 2 items

Sign D/C col1 col2 col4 col5 col6
(-) Dept1 X X X X X
Cls1 X X X X X