I want to create a simple expandable table in Blazor WebAssembly. I added some HTML code like the following:
<table class="table table-hover"><thead><tr><th>#</th><th>User</th><th>Date</th><th>Status</th><th>Reason</th></tr></thead><tbody><tr data-widget="expandable-table" aria-expanded="false"><td>183</td><td>John Doe</td><td>11-7-2014</td><td>Approved</td><td>Lorem Ipsum is simply dummy text</td></tr><tr class="expandable-body"><td colspan="5"><p> Lorem Ipsum is simply dummy text</p></td></tr></tbody></table>The row with details is always collpased also if I click on it. Is there a simple way to implement it without using external component? If no, what component do you recommend?
An example of what I mean with "Expandable table" is here.