title: Creating Accordion Table with Materializecss
body: <p>I am attempting in vain to recreate <a href="https://stackoverflow.com/questions/24148631/creating-accordion-table-with-bootstrap">this question</a> except using materalize css to do so.</p>
  
  <p><a href="http://materializecss.com/collapsible.html" rel="nofollow noreferrer">Materalizecss Collapsible</a> looks like it should be easy to implement into a table format although I'm not sure how to do it.</p>
  
  <p>If anyone could provide a work example that would be great.</p>
  
  <p>I've attempted to create a very small <a href="https://jsfiddle.net/dqnsq76n/" rel="nofollow noreferrer">Jsfiddle example</a> to no avail also.</p>
  
  <pre><code>&lt;table class="striped"&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th data-field="id"&gt;Name&lt;/th&gt;
        &lt;th data-field="name"&gt;Item Name&lt;/th&gt;
        &lt;th data-field="price"&gt;Item Price&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody class="collapsible" data-collapsible="accordion"&gt;
      &lt;tr class="collapsible-header"&gt;
        &lt;td&gt;Alvin&lt;/td&gt;
        &lt;td&gt;Eclair&lt;/td&gt;
        &lt;td&gt;$0.87&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr class="collapsible-body"&gt;
        &lt;td&gt;Alan&lt;/td&gt;
        &lt;td&gt;Jellybean&lt;/td&gt;
        &lt;td&gt;$3.76&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>