Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как сортировать таблицу по убыванию (https://javascript.ru/forum/misc/76006-kak-sortirovat-tablicu-po-ubyvaniyu.html)

Retro_1477 24.11.2018 14:11

Как сортировать таблицу по убыванию
 
У меня дана таблица 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>

рони 24.11.2018 14:36

Retro_1477,
есть много примеров сортировки таблиц на форуме попробуйте отыскать самостоятельно ...

рони 24.11.2018 15:52

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, время: 13:08.