37 lines
609 B
HTML
37 lines
609 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<body>
|
|
|
|
<table id="table">
|
|
<tr>
|
|
<th>Name</th>
|
|
<th>Surname</th>
|
|
<th>Age</th>
|
|
</tr>
|
|
<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>
|
|
</table>
|
|
|
|
<script>
|
|
let sortedRows = Array.from(table.rows)
|
|
.slice(1)
|
|
.sort((rowA, rowB) => rowA.cells[0].innerHTML > rowB.cells[0].innerHTML ? 1 : -1);
|
|
|
|
table.tBodies[0].append(...sortedRows);
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|