특정 테이블 열의 요소에만 jQuery sortable을 사용합니까?

Question

테이블의 특정 열 내부에 나열된 요소를 정렬하기 위해 드래그 가능하고 정렬 가능한 jQuery를 사용하려고합니다.

내가 본질적으로 사람들을 타임 슬롯에 맞추기를 원하는 이유가 있습니다.

내가 같은 테이블이 있습니다

<table width="300" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td>1:00 PM</td> 
    <td><div class="personSortable">Person 1</div></td> 
    </tr> 
    <tr> 
    <td>2:00 PM</td> 
    <td><div class="personSortable">Person 2</div></td> 
    </tr> 
    <tr> 
    <td>3:00 PM</td> 
    <td><div class="personSortable">Person 3</div></td> 
    </tr> 
    <tr> 
    <td>4:00 PM</td> 
    <td><div class="personSortable">Person 4</div></td> 
    </tr> 
</table> 

I 클래스 사용 가능한 시간 슬롯에 'personSortable'정렬과 모든 div를 만들고 싶어. 나는 대답을 찾았지만 찾을 수있는 가장 가까운 일은 전체 행을 정렬 가능한 컨테이너로 만들어서 정렬하는 것이 었습니다. 시간 슬롯을 변경할 수 없기 때문에 이상적이지 않습니다.

내가 가진 또 다른 아이디어는 두 개의 div 래퍼를 만드는 것이 었습니다. 하나는 시간 슬롯이 있고 다른 하나는 사람들을위한 sortable div가 포함되어 있고 CSS 'float'속성을 사용하여 줄을 정렬하는 것입니다. 이것이 더 이상적인 접근 방법이 될 수 있을까요?

Answer 1

이를 발견하고는 다른 사람이 관심이 있다면 트릭을 할 것 같다 :

http://www.redips.net/javascript/drag-and-drop-table-content/