내가 보고서 UI에 대한 테이블을 사용하고

Question

,

지금이

처럼 될 것이다, 나는처럼 변화하고있어 , 테이블의 열을 재정렬하여 새로운 재정렬 보고서를 쉽게 만들 수 있습니다.

처럼 : 나는 JQuery와 드래그 및 정렬과 테이블 헤더했을

. 그러나 해당 열을 머리글과 함께 재배치하는 방법을 모릅니다.

도와주세요.

Answer 1

<thead>에서 해당 열의 색인을 가져와 tbody의 모든 열로 이동해야합니다. http://www.jqueryscript.net/demo/Simple-jQuery-Plugin-For-Draggable-Table-Columns-Dragtable/

나이가 SO 목록을 모두 akkotr의의 위의 SO 질문에 Drag and drop sorting of table columns with jQuery

대답을 질문

• http://akottr.github.io/dragtable/ (IE7 +)과 같은 결과를 얻을 수 https://www.google.co.uk/search?q=jquery+ui+draggable+column 구글 참조 참조 -

  가능한 플러그인을 제공하고 있습니다 dragtable.js 및 http://jebaird.com/demos/dragtable/ (예 : akottr's dragtable).

akottr은 드래그하려는 열의에 CSS 클래스를 첨부 접근 방식을 사용하는 열에 대한 인덱스를 가져옵니다, thtb.find('> tr > td:nth-child(' + i + ')')와, 그럼 당신과 함께 원래의 인덱스를 비교한다 (이 인덱스의 요소를 발견 이 다음 새 위치에 열이 선택한 열을 바꿉니다 swapNodes라는 함수를 사용 (기능 _bubbleCols 참조)에 열을 이동하려는.

이

비동기 같은 일부 영리한 일들이 테이블을 배열하는 재 처리있다 내부 테이블, 파이어 폭스 수정, (un) msie 동작에 대한 의견 등