← Назад в «Блог»
336
Обновлено: 5 октября 2024

Сортировка по количеству в дашборде Геткурса

Мне надо было отсортировать список по количеству продаж продукта. Кнопок я не нашел, попросил ИИ написать код.

Добавляете его через виджет кода JS в браузере и он сортирует таблицу по колонке «Количество».

Как выглядит

До применения

Сортировка по количеству в дашборде Геткурса 1

После

Сортировка по количеству в дашборде Геткурса 2

Код

// Создаем кнопку
var button = document.createElement('button');
button.textContent = 'Сортировать по количеству';
button.style.position = 'fixed';
button.style.bottom = '10px';
button.style.right = '10px';
button.style.padding = '10px 20px';
button.style.backgroundColor = '#007bff';
button.style.color = '#fff';
button.style.border = 'none';
button.style.borderRadius = '5px';
button.style.cursor = 'pointer';
button.style.zIndex = '1000';

// Добавляем кнопку на страницу
document.body.appendChild(button);

// Функция сортировки
function sortTable() {
    var tbody = document.querySelector('tbody.funnel-parts');
    var rows = Array.from(tbody.querySelectorAll('tr.part-row'));

    // Функция для извлечения количества из строки
    function extractQuantity(row) {
        var quantityTd = row.querySelectorAll('td')[1];
        var quantityText = quantityTd.querySelector('div.funnel-line-text a').textContent.trim();
        var quantity = parseInt(quantityText);
        return quantity;
    }

    // Сортировка строк
    rows.sort(function(a, b) {
        var quantityA = extractQuantity(a);
        var quantityB = extractQuantity(b);
        return quantityB - quantityA;
    });

    // Обновление таблицы
    tbody.innerHTML = '';
    rows.forEach(function(row) {
        tbody.appendChild(row);
    });
}

// Добавляем обработчик события на кнопку
button.addEventListener('click', sortTable);

Полезные скрипты для GetCourse на сайте getscript.ru

Полезно
1
Непонятно
1
Поделиться
Отправить
Линкануть
Вотсапнуть

Канал Дани в телеграме

В канале показываю, как разрабатываю продукты: нейронки, боты, пет-проекты, бизнес. Делюсь фишками о разработке и дизайне. Без рекламы.

Подписаться
← Назад в «Блог»

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Контакты