Files
Bridge-Multi/src/app/components/browse/result-table/result-table.component.html
2020-05-27 15:19:34 -04:00

27 lines
1.0 KiB
HTML

<table class="ui stackable selectable single fixed line striped compact small table">
<!-- TODO: maybe have some of these tags customizable? E.g. small/large/compact/padded -->
<!-- TODO: maybe add the sortable class? -->
<!-- TODO: learn semantic themes in order to change the $mobileBreakpoint global variable (better search table adjustment) -->
<thead>
<!-- NOTE: it would be nice to make this header sticky, but Fomantic-UI doesn't currently support that -->
<tr>
<th class="collapsing" id="checkboxColumn">
<div class="ui checkbox" id="checkbox" #checkboxColumn appCheckbox (checked)="checkAll($event)">
<input type="checkbox">
</div>
</th>
<th class="four wide">Name</th>
<th class="four wide">Artist</th>
<th class="four wide">Album</th>
<th class="four wide">Genre</th>
</tr>
</thead>
<tbody>
<tr
app-result-table-row
#tableRow
*ngFor="let result of results"
(click)="onRowClicked(result)"
[result]="result"></tr>
</tbody>
</table>