table sort js

Таблица-сорта-JS.

• Описание: Библиотека сортировки таблиц HTML с выводом типа сортировки. #Vanillajs

• Демо

• Документация. (Работа в процессе)

• пакет NPM. и jsdelivr

• Расширения браузера Firefox и Chrome: столы любого посещения, который вы посещаете, становятся сортируемыми!

Установить инструкции.

• Вариант 1 : Загрузите как сценарий из сети доставки контента (CDN):

 < script src = "https://cdn.jsdelivr.net/npm/table-sort-js/table-sort.min.js" > </ script >

Или неофициальная версия (больший размер, но его легче отладить!):

 < script src = "https://cdn.jsdelivr.net/npm/table-sort-js/table-sort.js" > </ script >

Пример того, как использовать таблицы-сорта-Js с HTML

• Вариант 2: Установите из NPM:

 npm install table - sort - js 

 import tableSort from "table-sort-js/table-sort.js" ;

Примеры использования таблицы-js с фронтальными рамками, такими как React.js и Vue.js

Чтобы сделать таблицы сортируемыми:

• Добавьте class="table-sort" в HTML <Таблица> Теги.
• Нажмите на заголовки таблиц, чтобы сортировать столбцы.

Занятия:

<Таблица> классы	Описание
"Столовый состав"	Сделайте таблицу сортировкой! (Слова, числа, даты, размеры файлов) ...
"Столовые ворвы"	Отображать восходящие или нисходящие стрелки. Поддерживает пользовательские стрелы; Например: "Таблицы-морски-⇈⇋⇊"
"Нет класса-инференции"	Отключает вывод для автоматического добавления классов сортировки, например, (Date-Date-Dmy-Sort) и т. Д.
"Помни-сорта"	Если нажать на разные столбцы вспоминают своего рода исходный столбец.
"Cells-Sort"	сортировать ячейки (TD), а не таблицы (TR); Полезно для поддержания табличных строк с классами/атрибутами на месте.

<Th> классы	Описание
"Стандарт данных"	Сортировать по атрибутам данных, например, <td data-sort = "42">. Полезно для выполнения пользовательских видов.
"Даты-мд-сорта"	Сортируется даты в стиле США MM/DD/YYYY FORMAT;. Например (28.12.2023). Может использовать "/" или "-" в качестве сепаратора. Переверните предполагаемый класс «даты даты-дат-сорта».
"Onload-Sort"	Сортировать столбец при загрузке страницы. Моделирует щелчок от пользователя. (может сортировать только загрузку только для одного столбца)
"Отключить сорт"	Ориентируйте сортировку таблицы по этому конкретному столбцу.

<Th> Предполагаемые классы.	Описание
"Числовой сорт"	Сортируют числа, включая десятичные десятичные знаки - положительные, отрицательные (как в минус, так и в предложениях скобков).
	Поддерживает общие валюты, например (£ £ € ¥) и процентные знаки, например (0,39%)
"Dates-Dmy-Sort"	Сортируется даты в формате DD/MM/YYYY. Например (18/10/1995). Может использовать "/" или "-" в качестве сепаратора.
"Даты-сим-сорта"	Сортируемые даты в формате ISO 8601 Yyyy/MM/DD. Например (2021/10/28). Используйте "/" или "-" в качестве разделителя.
"Сортушка с размером файла"	Sorts File File (B-> TIB) использует двоичный префикс. (например, 10 B, 100 киб, 1 миб); Необязательное пространство между номером и префиксом.
"Средство выполнения"	Сортирует время выполнения за несколько часов и секунды, например (10 часов 1 м 20). Полезно для сортировки столбца действий GitHub ...

<Th> классы, которые изменяют по умолчанию.	Описание
"Порядок потери"	Заказ, спустившись на первом щелчке. (По умолчанию есть эссенция)
"Альфа-сорта"	Сортировать алфавитно (Z11, Z2); По умолчанию естественный сортировка (Z2, Z11).
"Пактор-сорт"	Сортировать пунктуацию; По умолчанию игнорируют пунктуацию.

Разработка:

Если вы хотите внести свой вклад, установить инструкции можно найти здесь.