Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Перемещение столбцов таблицы, текст всегда в первом столбце (https://javascript.ru/forum/jquery/82226-peremeshhenie-stolbcov-tablicy-tekst-vsegda-v-pervom-stolbce.html)

Dolf 04.04.2021 21:15

Перемещение столбцов таблицы, текст всегда в первом столбце
 
Доброго времени суток.
Я не селен в jquery. Прошу помощи, примером.
Реализовал перемещение столбцов в таблице подключением библиотеки
jquery.sorttable.js столбцы успешно перетягиваются, их можно менять местами. Но теперь возникла потребность что бы в первом столбце всегда были поясняющие названия в независимости от перемены столбцов местами. То есть в таблице например 2 столбца в какой то из <td> написано сверху Город под городом написано Москва, меняем столбцы местами и слово Город опять остается в первом столбце, во втором его нету.
пытался найти всегда первый столбец, но не смог понять как его точно определять.

if ($('#ex4 td > *:nth-child(1)')) {
    $('#textInOnetd').css({"display": "block"});
}


Но так все равно не получается точно определять нужные <td>

рони 04.04.2021 22:51

Dolf,
сделайте минимальный пример

Dolf 05.04.2021 18:27

рони,

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

<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/. Там прям видно если меняешь местами столбцы то в первом столбце всегда есть поясняющие данные, он не перетягиваются во второй столбец при перемещении. Во втором столбце их просто нет.

рони 05.04.2021 19:05

Dolf,
не могу помочь, не понимаю ваших пояснений.

Dolf 05.04.2021 20:18

Как же объяснить).

Есть таблица в которой каждый столбец перетаскиваемый (можно поменять местами с другим столбцом).



Красными стрелками виделил то что столбцы можно менять местами.

Где подчеркнуто под названием - реализовано так что когда столбцы таблицы меняются местами, эти надписи всегда остаются в первом столбце.

Как такое сделать?

Dolf 05.04.2021 20:18


Dolf 05.04.2021 20:19

https://prnt.sc/11511r7

рони 05.04.2021 20:41

Цитата:

Сообщение от Dolf
Где подчеркнуто под названием - реализовано так что когда столбцы таблицы меняются местами, эти надписи всегда остаются в первом столбце.

может вам нужно сделать первый столбец с названиями, и указать что столбец неперемещаемый? или я опять вас неверно понял?

voraa 05.04.2021 20:59

Цитата:

Сообщение от Dolf
После подключения js скрипта jquery.sorttable.js https://github.com/dbrink/sorttable/archive/master.zip в табличке столбцы можно перетаскивать.

Там же есть примеры, как сделать столбцы неперемещаемыми.
http://dbrink.github.io/sorttable/examples.html
Третий пример.

рони 05.04.2021 21:06

voraa,
https....examples.html


Часовой пояс GMT +3, время: 23:12.