Вийшов скрипт Sorttable v2 від kryogenix.org

Вийшла нова, друга версія скрипта для JavaScript сортування таблиць Sorttable v2 від kryogenix.org. Серед нововведень — використання тегів <thead> і <tfoot> — таблиці за останні кілька років стали більш семантичними. Додалась можливість сортування таблиці, в ячейках якої є input елементи (для сортування береться їх value), покращилась порівняно з першою версією швидкість роботи. Додалась підтримка custom sort keys:

<td sorttable_customkey="3">Три</td>
<td sorttable_customkey="2">Два</td>
Удосконалився механізм автоматичного розпізнавання типів даних в колонках, в той же час присутня можливість задання вручну одного з типів: numeric, alpha, ddmm, і mmdd. Можна також відключати сортування для певних колонок.

Сам скрипт займає всього 16,5 Кб в нестисненому вигляді і не залежить від будь-який інших бібліотек. Відповідає принципу ubobtrusive, наприклад, для того, щоб вказати яку таблицю треба сортувати, достатньо цій таблиці додати CSS className sortable, подібним чином працюють і налаштування для колонок тощо.

Єдине, що мені незрозуміло — навіщо після сортування додавати в заголовок колонки span (sortrevind чи sortfwdind з текстовими стрілочками ▴ і ▾ відповідно), хоча символи цих стрілочок стали іншими порівняно з першою версією, на мою думку, CSS className (теж змінюється для колонки при сортуванні) цілком достатньо для візуалізації. Тому код, пов’язаний з цими span’ами я видалив, а додав код для прелоаду картинок, що використовуються з цією ж ціллю в CSS:

var azImg = new Image();
var zaImg = new Image();
azImg.src="/static/images/az.gif";
zaImg.src="/static/images/za.gif";
P. S. Саме Kryogenix Sorttable v2 зараз використовується на цьому сайті в розділі Вакансії.

Все про українське ІТ в телеграмі — підписуйтеся на канал DOU

👍ПодобаєтьсяСподобалось0
До обраногоВ обраному0
LinkedIn



Немає коментарів

Підписатись на коментаріВідписатись від коментарів Коментарі можуть залишати тільки користувачі з підтвердженими акаунтами.

Підписатись на коментарі