Все столбцы перемещаются, но поясняющие названия только в первом столбце. Если его переместить то и названия "уедут" в другое место, столбец же окажется например в середине (с поясняющими названиями). Так вот надо что бы при перемещении столбцов поясняющие названия всегда были в первом столбце, как на скриншоте. https://prnt.sc/11511r7
То-есть перемесил столбцы местами данные, а поясняющие название опять в первом столбце и так всегда, вне зависимости от перемещения столбцов. |
Цитата:
Я этот адрес не вручную пишу, а копирую из адресной строки Этот же адрес указан и тут https://github.com/dbrink/sorttable |
Цитата:
|
Ребята, ну посмотрите, пожалуйста, на https://auto.ru/ добавьте пару машин в сравнение и все понятно будет. Я просто уже не знаю как написать.
|
Dolf,
что вам мешает создать создать надписи в отдельном столбце? |
Ну скажем так, нельзя в отдельном (от слова совсем). Конечно я бы сделал в отдельном, но надо как на авто.ру) По этому прошу натолкнуть примером как всегда находить этот первый столбец и именно там показывать статичные записи, а везде скрывать.
|
Dolf,
тогда кешируйте надписи и по событию stop перемешайте их через 51 миллисекунду в первую ячейку |
Dolf,
для структуры представленной вами выше это будет так ...
$(function() {
var text = [...document.querySelectorAll('#ex4 tr td:first-child')].map(({childNodes})=> [...childNodes].slice(0,2));
$('#ex4').sorttable({
helperCells: null,
placeholder: 'placeholder',
stop: function( event, ui ) {
setTimeout(_=> document.querySelectorAll('#ex4 tr td:first-child').forEach((td,i) => td.prepend(...text[i])), 130)
}
}).disableSelection();
});
|
Цитата:
Цитата:
Приведите пример таблицы из 3-4 столбцов. |
Цитата:
let firstcolumn = table.querySelectorAll('tr>*:first-child')
Т.е. надписи есть во всех столбцах, но показывать их нужно только в первом? Тогда так можно
<style>
#tb td:not(:first-child)>.nadpis {
visibility: hidden;
}
</style>
<body>
<table id=tb>
<tr>
<td><span class='nadpis'>Line1</span><br>1-1<td>
<td><span class='nadpis'>Line1</span><br>1-2<td>
<td><span class='nadpis'>Line1</span><br>1-3<td>
</tr>
<tr>
<td><span class='nadpis'>Line2</span><br>2-1<td>
<td><span class='nadpis'>Line2</span><br>2-2<td>
<td><span class='nadpis'>Line2</span><br>2-3<td>
</tr>
<tr>
<td><span class='nadpis'>Line3</span><br>3-1<td>
<td><span class='nadpis'>Line3</span><br>3-2<td>
<td><span class='nadpis'>Line3</span><br>3-3<td>
</tr>
</table>
</body>
|
| Часовой пояс GMT +3, время: 05:27. |