Блог

Главная - Вопросы по программированию - Sortable.js Сортировка элементов внутри таблицы

Sortable.js Сортировка элементов внутри таблицы

#javascript #sortablejs

Вопрос:

Я пытаюсь использовать Sortable.js для сортировки элементов внутри таблицы. Не сами строки таблицы, а элемент на вертикальной оси (тот же столбец). Кто-нибудь, кто это делал? Я знаю, что с сортировкой jquery-UI это довольно просто, но сейчас я пытаюсь отказаться от использования jquery.

 const table = document.querySelector("#mytable tbody");
new Sortable(table, {
            draggable: '.move',
            animation: 100
        }); 
 table tbody tr td { padding: 10px 0;}
.move {background:silver; cursor: move;} 
 <script src="https://raw.githack.com/SortableJS/Sortable/master/Sortable.js"></script>
<table id="mytable" border="1" width="100%">
<thead>
<tr>
<th>Col 1</th>
<th>Col 2</th>
</tr>
</thead>
<tbody>
<tr>
  <td></td>
    <td><div class="move">Move me</div></td>
    </tr>
 <tr>
  
    <td><div class="move">Move me</div></td>
    <td></td>
    </tr>
    
<tr>
  <td></td>
    <td></td>
    </tr>
    <tr>
  <td></td>
    <td></td>
    </tr>
    <tr>
  <td></td>
    <td></td>
    </tr>
    </tbody>
    </table>
Метки: