Sky Wall

sky-wall.ru/core/misc/tabledrag.js

Введение

sky-wall.ru/core/misc/tabledrag.js - это скрипт на JavaScript, который предназначен для реализации функциональности перетаскивания и сортировки таблиц на веб-странице. Этот скрипт позволяет пользователям перетаскивать строки таблицы для изменения их порядка или сортировать таблицу по определенным столбцам.

Основные возможности

Скрипт tabledrag.js обладает следующими ключевыми возможностями:

  1. Перетаскивание строк таблицы: пользователи могут перетаскивать строки таблицы для изменения их порядка. Это может быть полезно, например, для упорядочивания элементов списка или изменения порядка отображения данных.

  2. Установка пользовательских обработчиков событий: пользователи могут определить свои собственные обработчики событий при перетаскивании строк таблицы. Это позволяет реагировать на конкретные события, такие как начало перетаскивания, окончание перетаскивания или изменение порядка строк.

  3. Сортировка таблицы: скрипт также позволяет сортировать таблицу по определенным столбцам. Возможно сортировать таблицу как в порядке возрастания, так и в порядке убывания по значениям в выбранном столбце.

Пример использования

Давайте рассмотрим пример использования скрипта tabledrag.js:

<!DOCTYPE html>
<html>
<head>
    <script src="tabledrag.js"></script>
    <style>
        table {
            border-collapse: collapse;
        }
        
        td {
            border: 1px solid black;
            padding: 5px;
        }
    </style>
</head>
<body>
    <table id="sortable-table">
        <thead>
            <tr>
                <th>Имя</th>
                <th>Возраст</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Анна</td>
                <td>25</td>
            </tr>
            <tr>
                <td>Петр</td>
                <td>32</td>
            </tr>
            <tr>
                <td>Мария</td>
                <td>19</td>
            </tr>
        </tbody>
    </table>

    <script>
        var table = document.getElementById('sortable-table');
        new TableDrag(table);
    </script>
</body>
</html>

В этом примере мы создаем таблицу с двумя столбцами ("Имя" и "Возраст") и тремя строками данных. Затем мы применяем скрипт tabledrag.js, чтобы сделать таблицу сортируемой и перетаскиваемой. Результатом будет таблица, которую пользователь может перетаскивать и сортировать по столбцам.

Заключение

Скрипт tabledrag.js является полезным инструментом для реализации функциональности перетаскивания и сортировки таблиц на веб-странице. Он позволяет пользователям легко изменять порядок строк таблицы и сортировать таблицу по определенным столбцам. Если вам нужно добавить такую функциональность к вашей веб-странице, tabledrag.js может быть отличным выбором.