Как вводить данные в таблицу с сортировкой?

Question

[shynga]

Добрый день!
Хотел бы узнать как реализовать следующий функционал.

Есть калькулятор, который после нажатия на кнопку формируется число, которое должно выводиться в таблице.
Грубо говоря есть таблица в которой идут числа с 1 до 20 и создается новое число, допустим 12 и оно должно выводиться в таблице на 12 месте и пункты должны выстраиваться с 1 до 21.

Я не знаю как это легче сделать. Может показывать файл Word или Excel или проще в сверстанной таблице как-то выводить их.

Файлы сохранять не нужно, то есть после показа файла он не сохраняется, просто показывается по порядку.

Грубо говоря. Как произвести сортировку в таблице

Если кто поможет буду очень благодарен!

Answer 1

[Михаил Ушенин]

1. Пройдите по строкам таблицы и сохраните их в массив объектов. В каждом объекте два поля: строка таблицы и значение числа в этой строке.
   
2. Отсортируйте это массив по полю с числом.
   
3. Удалите все строки из таблицы.
   
4. Заполните таблицу строками из отсортированного массива объектов.
   

Comments

[shynga]

Не подскажешь как в коде это будет?

[Михаил Ушенин]

shynga, примерно так должно сработать (с использованием jQuery, судя по тегам к вопросу):

function sortTableValues ($table) {
        const $table_body = $table.children('tbody:first');
    
        $table_body.children('tr').toArray()
            .map(tr => {
                const $tr = $(tr).clone();
                const value = $tr.find('.value').text().trim(); //измените эту строку на свой код получения значения из текущей строки таблицы
                $tr.data('value', value);
                return $tr;
            })
            .sort(($a, $b) => parseInt($a.data('value')) - parseInt($b.data('value')))
            .forEach(($tr, i) => {
                $table_body.children('tr').eq(i).replaceWith($tr);
            });
    }

    sortTableValues($('#values-table'));    //замените на свой код получения объекта таблицы