30 lines
573 B
HTML
30 lines
573 B
HTML
<!DOCTYPE html>
|
|
|
|
<table id="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Name</th><th>Surname</th><th>Age</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>John</td><td>Smith</td><td>10</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Pete</td><td>Brown</td><td>15</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Ann</td><td>Lee</td><td>5</td>
|
|
</tr>
|
|
<tr>
|
|
<td>...</td><td>...</td><td>...</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<script>
|
|
let sortedRows = Array.from(table.tBodies[0].rows)
|
|
.sort((rowA, rowB) => rowA.cells[0].innerHTML.localeCompare(rowB.cells[0].innerHTML));
|
|
|
|
table.tBodies[0].append(...sortedRows);
|
|
</script>
|