Dynamic datatables columns with child row details

Man123

I want to have a child row like https://www.datatables.net/examples/api/row_details.html for my dynamic data. How should I accomplish that? The number of columns in the datatable may vary dynamically.
Currently my data table looks like this. Am not sure how I should go about to add the child row info column. Any help is appreciated.

$(document).ready(function () {
var data = @Html.Raw(@Model.ProjectDetails);
var col= [@Html.Raw(@Model.Jcolumns)];

    $('#example1').dataTable({
        "aaData":data,
        "bJQueryUI": true,
        "bDestroy": true,
        "bProcessing": true,
        "aaSorting": [[0, 'desc']],
        "aoColumns":col,
        "dom": 'RC<"clear">lfrtip'

    });
    });