I am struggling to recreate a similar setup as this query but with materialize css instead.
Materializecss Collapsible seems like it should be simple to integrate into a table structure, but I'm unsure of the process.
If someone could offer a practical example, that would be greatly appreciated.
I've tried creating a basic Jsfiddle example without success.
<table class="striped">
<thead>
<tr>
<th data-field="id">Name</th>
<th data-field="name">Item Name</th>
<th data-field="price">Item Price</th>
</tr>
</thead>
<tbody class="collapsible" data-collapsible="accordion">
<tr class="collapsible-header">
<td>Alvin</td>
<td>Eclair</td>
<td>$0.87</td>
</tr>
<tr class="collapsible-body">
<td>Alan</td>
<td>Jellybean</td>
<td>$3.76</td>
</tr>
</tbody>
</table>