DataTables - Open all Child Rows on Page Load
<p>At the moment my table has child rows with a toggle to open each row in column 1. (I found this function online for managing the child rows) how can I change this so that child rows are always open so I can get rid of column one. <a href="https://jsfiddle.net/6k0bshb6/30/" rel="nofollow">https://jsfiddle.net/6k0bshb6/30/</a></p>

<pre><code>// This function is for displaying data from HTML "data-child-value" tag in the Child Row.
function format(value) {
      return '&lt;div&gt;Hidden Value: ' + value + '&lt;/div&gt;';
  }

// This function is for handling Child Rows.
    $('#example').on('click', 'td.details-control', function () {
          var tr = $(this).closest('tr');
          var row = dataTable.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(tr.data('child-value'))).show();
              tr.addClass('shown');
          }
    }); 
</code></pre>