Показать сообщение отдельно
  #3 (permalink)  
Старый 05.04.2021, 18:27
Аспирант
Отправить личное сообщение для Dolf Посмотреть профиль Найти все сообщения от Dolf
 
Регистрация: 04.04.2021
Сообщений: 31

рони,

Допустим у меня есть таблица:

<table id="ex4">
		    <tbody>
			    <tr class="headerrow">
				    <th>header 1</th>
				    <th>header 2</th>
				    <th>header 3</th>
				    <th>header 4</th>
			    </tr>
			    <tr><td>Город<br>1-1</td><td>1-2</td><td>1-3</td><td>1-4</td></tr>
			    <tr><td>Улица<br>2-1</td><td>2-2</td><td>2-3</td><td>2-4</td></tr>
			
		    </tbody>
	    </table>


id="ex4" нужен для того что бы сделать ее draggable. После подключения js скрипта jquery.sorttable.js https://github.com/dbrink/sorttable/archive/master.zip в табличке столбцы можно перетаскивать.
И вот теперь задача:
При перетаскивании столбцов только у первого столбца всегда должны быть не меняющиеся данные это Город и Улица и только всегда в первом столбце таблицы. В перовом <td>. Пример есть еще такой на https://auto.ru/compare-offers/. Там прям видно если меняешь местами столбцы то в первом столбце всегда есть поясняющие данные, он не перетягиваются во второй столбец при перемещении. Во втором столбце их просто нет.
Ответить с цитированием