Как сортировать таблицу по убыванию
У меня дана таблица 3 на 3 как сделать, чтобы табличка сразу сортировалась по возрастанию, относительно цены.
<table> <tr> <td>кот</td> <td>59</td> <td>купить</td> </tr> <tr> <td>пёс</td> <td>99</td> <td>купить</td> </tr> <tr> <td>слон</td> <td>19</td> <td>купить</td> </tr> </table> |
Retro_1477,
есть много примеров сортировки таблиц на форуме попробуйте отыскать самостоятельно ... |
Retro_1477,
https://javascript.ru/forum/misc/758...tml#post498083
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script>
addEventListener("load", function() {
function init(table) {
const tbody = table.tBodies[0] ;
const collator = new Intl.Collator(["en", "ru"], { numeric: true });
tbody.append(...[...tbody.rows].sort((a, b) => collator.compare(
a.children[1].innerHTML,
b.children[1].innerHTML)))
}
document.querySelectorAll("table").forEach(init)
});
</script>
</head>
<body>
<table>
<tr>
<td>кот</td>
<td>59</td>
<td>купить</td>
</tr>
<tr>
<td>пёс</td>
<td>99</td>
<td>купить</td>
</tr>
<tr>
<td>слон</td>
<td>19</td>
<td>купить</td>
</tr>
</table>
</body>
</html>
|
| Часовой пояс GMT +3, время: 16:17. |