>  기사  >  웹 프론트엔드  >  jquery에서 tablesorter 테이블 정렬 구성 요소를 사용하는 방법은 무엇입니까?

jquery에서 tablesorter 테이블 정렬 구성 요소를 사용하는 방법은 무엇입니까?

伊谢尔伦
伊谢尔伦원래의
2017-07-22 09:33:081501검색

1 테이블 데이터는 ajax를 통해 얻어집니다. 다음 페이지를 정렬할 때 이전 페이지의 데이터가 다시 표시됩니다.

"업데이트" 이벤트를 실행하기 위한 코드는 다음과 같습니다:

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery.tablesorter.js"></script> 
<!-- 引入以下样式则表头出现排序图标,同时引入图片 --> 
<link href="css/style.css" rel="stylesheet" type="text/css" >

위의 문제는 오랫동안 저를 괴롭혔습니다. 저는 방금 공식 웹사이트에서 Pager 플러그인을 사용하기 시작했는데 이것이 아니라는 것을 알았습니다. 적합한.

온라인에서 정보를 확인하고 다음 코드를 정리했습니다.

<table id="myTable" class="tablesorter"> 
<thead> 
<tr> 
<th>Name</th> 
<th>Sex</th> 
<th>Address</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
<td>zhangsan</td> 
<td>boy</td> 
<td>beijing</td> 
</tr> 
<tr> 
<td>lisi</td> 
<td>girl</td> 
<td>shanghai</td> 
</tr> 
<tr> 
...略 
</tr> 
</tbody> 
</table>

그래서 모두 사용했습니다. 테스트한 결과 $(".tablesorter").trigger("update")만 문제를 해결할 수 있다는 것을 알았습니다.

위 내용은 jquery에서 tablesorter 테이블 정렬 구성 요소를 사용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.