<td>Days</td> <td>Monday</td> <td>Tuesday</td> <td>Wednesday</td> "> <td>Days</td> <td>Monday</td> <td>Tuesday</td> <td>Wednesday</td> "> <td>Days</td> <td>Monday</td> <td>Tuesday</td> <td>Wednesday</td> " />

Как сделать единственный <td> элемент в <TR> не поддающийся сортировке (jQuery ui)

У меня есть стол как это

<table>
  <tr class="sortable">
    <td>Days</td>
    <td>Monday</td>
    <td>Tuesday</td>
    <td>Wednesday</td>
    <td>Thursday</td>
    <td>Friday</td>
    <td>Saturday</td>
  </tr>
  <tr class="sortable">
    <td>Works</td>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
</table>

In this, I don't want the <td>'s "Days" and "Works" not sort-able but remaining in the row.

4
nl ja de

3 ответы

Make the row headers <th> as they should be and include only <td> elements.

<table>
  <tr class="sortable">
    <th>Days</th>
    <td>Monday</td>
     ...

​$( '​​​​.sortable' ).sortable({
    items: 'td'
});​​​​​

Demo: http://jsfiddle.net/Xugru/

1
добавлено

Можно использовать , отменяют возможность для этого:

$('.sortable').sortable({
    cancel: 'td:first'
});

Вот доктора.

0
добавлено
<table>
  <tr class="sortable">
    <td>Days</td>
    <td>Monday</td>
    <td>Tuesday</td>
    <td>Wednesday</td>
    <td>Thursday</td>
    <td>Friday</td>
    <td>Saturday</td>
  </tr>
  <tr class="sortable">
    <td>Works</td>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
</table>

Позволяют нам сделать идентификатор столбца, чтобы не быть поддающимися сортировке.

$(".sortable").sortable({
 items: "td:not(:first)"
});

Это - все. Все, в чем вы нуждаетесь, является к excludethe первым td в пунктах.

Имейте великий день

0
добавлено
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing