• Как продвинуть сайт на первые места?
    Вы создали или только планируете создать свой сайт, но не знаете, как продвигать? Продвижение сайта – это не просто процесс, а целый комплекс мероприятий, направленных на увеличение его посещаемости и повышение его позиций в поисковых системах.
    Ускорение продвижения
    Если вам трудно попасть на первые места в поиске самостоятельно, попробуйте технологию Буст, она ускоряет продвижение в десятки раз, а первые результаты появляются уже в течение первых 7 дней. Если ни один запрос у вас не продвинется в Топ10 за месяц, то в SeoHammer за бустер вернут деньги.
    Начать продвижение сайта
  • Сервис онлайн-записи на собственном Telegram-боте
    Тот, кто работает в сфере услуг, знает — без ведения записи клиентов никуда. Мало того, что нужно видеть свое расписание, но и напоминать клиентам о визитах тоже. Нашли самый бюджетный и оптимальный вариант: сервис VisitTime.
    Для новых пользователей первый месяц бесплатно.
    Чат-бот для мастеров и специалистов, который упрощает ведение записей:
    Сам записывает клиентов и напоминает им о визите;
    Персонализирует скидки, чаевые, кэшбэк и предоплаты;
    Увеличивает доходимость и помогает больше зарабатывать;
    Начать пользоваться сервисом

table dragger — плагин для сортировки таблицы на JS

Удобный плагин для создания JavaScript динамическая таблица с сортировкой и перетаскиванием данных.

Если Вам необходима сортировка таблицы JavaScript, то этот плагин идеально Вам подойдет. Он позволяет делать таблицы динамическими: перетаскивать и выстраивать положение строк\столбцов так, как пожелает пользователь.

Особенности:

  • Супер легко установить
  • Cellspacing, cellpadding, col и colgroup учитывается
  • Возможность сортировки столбцов или строк одновременно
  • Плавная анимация при сортировке
  • Нет лишних зависимостей
  • Поддержка сенсора

Использование:

Подключаем файл библиотеки

<script src="../node_modules/table-dragger/dist/table-dragger.min.js"></script>

обычная HTML-разметка таблицы

<table id="table">
  <thead>
  <tr>
    <th class='handle'>header1</th>
    <th class='handle'>header2</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td>conten1</td>
    <td>conten2</td>
  </tr>
  </tbody>
</table>

и указываем работу самого скрипта

var el = document.getElementById('table');
var dragger = tableDragger(el, {
  mode: 'row',
  dragHandler: '.handle',
  onlyBody: true,
  animation: 300
});
dragger.on('drop',function(from, to){
  console(from);
  console(to);
});

Более подробно обо всех опциях можно посмотреть в документации на сайте автора. Скачать файлы плагина можно по ссылке выше.

3165 просмотров