title: Child Row always expanded in datatables.net
body: <p>i have created parent child row table using datatables.net. On Click of a row the child row is shown. but i want child always open with out any click event on row. Can somebody suggest me how to achieve it</p>
  
  <p>here is my code</p>
  
  <pre><code> var ecumTbl= S$("#EncumbranceSummaryTable").DataTable(
          {                        
              "footerCallback": function ( row, data, start, end, display ) {                  
                  var api = this.api(), data;
  
                  // Remove the formatting to get integer data for summation
                  var intVal = function ( i ) {
                      return typeof i === 'string' ?
                          i.replace(/[\$,]/g, '')*1 :
                          typeof i === 'number' ?
                          i : 0;
                  };
                  // Total over all pages
                  if(api.column(3).data().length)
                  {
                      total = api
                      .column( 1 )
                      .data()
                      .reduce( function (a, b) {
                          return intVal(a) + intVal(b);
                      } );
                  }
                  else
                  {
                      total =0
                  };
  
  
                  // Total over this page
                  if(api.column(3).data().length)
                  {
                      pageTotal = api
                          .column( 3, { page: 'current'} )
                          .data()
                          .reduce( function (a, b) {
                              return intVal(a) + intVal(b);
                          }, 0 );
  
                      // Update footer
                      $( api.column(2).footer() ).html(
                          'Contract Total'
                      );
                      $( api.column(3).footer() ).html(
                         formatCurrency(pageTotal)
                    );
  
                  }
                  else{
                      pageTotal=0;
                  };
              },
  
                          "aoColumns": [
  
                                      {
                                          "sTitle": "", "sWidth": "10%"
                                      },
                                                  { "sTitle": "Sub total for PO #", "mData": "PO_Num", "sWidth": "15%" },
                                                  { "sTitle": "Encumbrance","mData": "Encumbrance", "sWidth": "35%" },
                                                  { "sTitle": "Release","mData": "Release", "sWidth": "45%" },  
                                                   { "sTitle": "Paid","mData": "Paid", "sWidth": "45%" },
                                                   { "sTitle": "Balance","mData": "Balance", "sWidth": "45%" },                                            
  
                          ],
                          "paging": false,
                          "ordering": false,
                          "data": Customers,
                          "info": false,
                          "bJQueryUI": true,
                          'sDom': 't',
                          "columnDefs": [{
                              "targets": [0],
                              "bSearchable": false,
                              "bSortable": false,
                              "className": 'details-control',
                              "mData": null,
                              "defaultContent": '',                               
                          }]
          });
  
      //On row click show child table
      $('#EncumbranceSummaryTable tbody').on('click', 'td.details-control', function () {
          var tr = $(this).closest('tr');
          var row = ecumTbl.row(tr);
  
          if ( row.child.isShown() ) {
              // This row is already open - close it
              row.child.hide();
              tr.removeClass('shown');
          }
          else {
              // Open this row
              row.child( format(row.data()) ).show();
              tr.addClass('shown');
              var innerPOTbl= S$("#innerPOTable").DataTable(
                     {
                         "bJQueryUI": true,
                         "aoColumns": [                               
                                                 { "sTitle": "FY", "mData": "fiscalYrs", "sWidth": "20%" },
                                                 { "sTitle": "Ln","mData": "ln", "sWidth": "15%" },
                                                 { "sTitle": "F/F/A","mData": "ffa", "sWidth": "30%" }, 
                                                 { "sTitle": "Project ID", "mData": "projectID", "sWidth": "25%" },
                                                 { "sTitle": "Source Type","mData": "sourceType", "sWidth": "30%" },
                                                 { "sTitle": "Encumbrance","mData": "encumbrance", "sWidth": "35%" }, 
                                                 { "sTitle": "Released","mData": "released", "sWidth": "35%" }, 
                                                 { "sTitle": "Paid","mData": "paid", "sWidth": "35%" },
                                                 { "sTitle": "Balance","mData": "balance", "sWidth": "35%" },                                               
  
                         ],
                         "sDom": 'lfrtip',    
                         "data":PurchaseOrderList,
                         "paging": false,
                         "ordering": false,                         
                         "info": false,
                         "bJQueryUI": false,               
                     });      
          }
      });
  </code></pre>