Bootstrap-Table expanding/collapsing table example starting collapsed
<p>I'm implementing a table that has expanding/collapsing groups, and it's working, but I can't figure out how to start the groups collapsed.</p>

<p>I'm working with this: <a href="http://jsfiddle.net/Knoxvillekm/byv2pk24/" rel="nofollow noreferrer">http://jsfiddle.net/Knoxvillekm/byv2pk24/</a></p>

<p>If you click the headings, the blue rows in this image, the rows beneath collapse.</p>

<p><a href="https://i.stack.imgur.com/X3Tgx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/X3Tgx.png" alt="bootstrap-table groups"></a></p>

<p>How can I change it so that these groups are collapsed by default?</p>

<p><strong>EDIT</strong>: including code.</p>

<p>The page I'm working with uses a lot of bootstrap and javascript, but here's the relevant parts.</p>

<ul>
<li><a href="https://github.com/wenzhixin/bootstrap-table" rel="nofollow noreferrer">Bootstrap-Table</a></li>
<li><a href="https://gist.github.com/alexgleith/a87ccf9b98e937aef9b844b4dc1b6885" rel="nofollow noreferrer">Extension to bootstrap-table</a></li>
</ul>

<p>HTML:</p>

<pre><code>          &lt;table  class="table table-hover"
                  data-row-style="rowStyle"
                  id="layer-list"
                  data-unique-id="dataid"
                  data-group-by="true"
                  data-group-by-field="group"
                  data-search="true"
                  data-show-columns="false"
                  data-show-toggle="false"
                  data-detail-view="true"
                  data-detail-formatter="detailFormatter"&gt;
            &lt;thead class="hidden"&gt;
              &lt;tr&gt;
                &lt;th class="hidden" data-field="group"&gt;Group&lt;/th&gt;
                &lt;th data-field="title"&gt;Name&lt;/th&gt;
              &lt;tr&gt;
            &lt;/thead&gt;
            &lt;tbody class="searchable"&gt;&lt;/tbody&gt;
          &lt;/table&gt;
</code></pre>