jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

fixes #1673

Browse source
This commit is contained in:
Ilya Kantor 2019-12-26 15:43:08 +03:00
parent e97e43717f
commit 17e8fb6831
4 changed files with 87 additions and 93 deletions
Download patch file Download diff file Expand all files Collapse all files

64
2-ui/1-document/07-modifying-document/12-sort-table/solution.view/index.html
View file

@ -1,37 +1,35 @@
<!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>
<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.rows)
.slice(1)
.sort((rowA, rowB) => rowA.cells[0].innerHTML > rowB.cells[0].innerHTML ? 1 : -1);
<script>
let sortedRows = Array.from(table.tBodies[0].rows)
.sort((rowA, rowB) => {
let valueA = rowA.cells[0].innerHTML;
let valueB = rowB.cells[0].innerHTML;
return valueA > valueB ? 1 :
valueA == valueB ? 0 : -1;
});
table.tBodies[0].append(...sortedRows);
</script>
</body>
</html>
table.tBodies[0].append(...sortedRows);
</script>