1. 파일 가져오기 코드 복사 코드는 다음과 같습니다. " rel="stylesheet" type="text/css" > <br><br><br></p>효과는 그림과 같습니다: <p><br> <br>2 . 표준 HTML 테이블에는 thead 및 tbody 태그가 포함되어야 합니다<img src="http://files.jb51.net/file_images/article/201405/20140526094752.jpeg?201442694826" alt="jQuery 테이블 정렬 구성 요소 테이블 정렬기 사용법 example_jquery" ><br><br></p> <p class="codetitle">코드 복사<a style="CURSOR: pointer" class="copybut"><span style="text-decoration:underline;"> 코드는 다음과 같습니다.</span></a></p>< table id="myTable" class="tablesorter > <p class="codebody"><thead> <br><tr> <br><th>이름</th> <br><th>성별</th> <br><번째>주소</tr> <br></thead> <br><tr> ;/td> <br><td>소년</td> <br></tr> <br><tr> ; <br><td>상하이</td> <br><tr> <br>...약간<br></tbody> ; <br></table> <br><br><br><br>3. 테이블을 정렬 가능하게 설정 <br><br><br><br><br>코드 복사 <br><br> 코드는 다음과 같습니다. </p> <p><br>$(document).ready(function(){ <br>//첫 번째 열은 정렬되지 않습니다(색인은 0부터 시작) </p> $.tablesorter .defaults.headers = {0: {sorter: false}}; <p class="codetitle">$(".tablesorter").tablesorter() <a style="CURSOR: pointer" class="copybut">}) <span style="text-decoration:underline;"></span></a></p>공식 문서 : http://tablesorter.com/docs/ <p class="codebody"><br>추가 설명: <br><br>사용 중 문제가 발생했습니다. 내 테이블 데이터를 ajax를 통해 얻어서 홈페이지에서 처리합니다. 정렬 시에는 문제가 없습니다. <br><br>다음 페이지를 정렬할 때 이전 페이지의 데이터가 다시 표시됩니다. 이 문제를 해결하려면 <br></p> 데이터를 얻은 후 "업데이트"를 실행하세요. with ajax "이벤트 코드는 다음과 같습니다. <p><br><br><br><br>코드 복사<br><br> 코드는 다음과 같습니다. <br><br><br>$ (".tablesorter").trigger ("update"); <br></p> <p class="codetitle"><a style="CURSOR: pointer" class="copybut">위의 문제로 인해 저는 오랫동안 공식 웹사이트에서 Pager 플러그인을 사용하기 시작했습니다. 적합하지 않다는 것을 발견했습니다. <span style="text-decoration:underline;"></span>온라인에서 정보를 확인하고 다음 코드를 컴파일했습니다. </a></p> <p class="codebody"><br><br>코드 복사</p> <p> 코드는 다음과 같습니다<br> <br><br>$ (".tablesorter tbody tr").addClass("delete") <br>$(".tablesorter tbody tr.delete").remove() </p>$("table tbody ").append(html) ; <p class="codetitle">$(".tablesorter").trigger("appendCache"); <a style="CURSOR: pointer" class="copybut">$(".tablesorter").trigger("update"); <span style="text-decoration:underline;">$(" .tablesorter").trigger( "sorton",[[[2,1],[0,0]]]); </span></a></p> <p class="codebody">그래서 모두 사용했습니다. 오랜 테스트 끝에, $(".tablesorter" ).trigger("update"); 이 문장만이 문제를 해결할 수 있다는 것을 알았습니다<br><br>다른 내용은 무엇인지 모르겠습니다. <br><br>필수 파일 다운로드 주소 : <br>http://xiazai.jb51.net/201405/yuanma/jquery.tablesorter.zip<br> <br></p>style.css 및 themesblue 아래의 사진 경로. <p></p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
