>  기사  >  웹 프론트엔드  >  jquery를 확장하여 클라이언트 tables_jquery의 페이징 및 정렬 기능 코드를 구현합니다.

jquery를 확장하여 클라이언트 tables_jquery의 페이징 및 정렬 기능 코드를 구현합니다.

WBOY
WBOY원래의
2016-05-16 18:09:23986검색

코드 및 예제 다운로드: jqueryPaging.rar

사용 방법은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.



페이징 기능만 사용하는 경우: $(" #myTable").tablePaging ();

매개변수 설명:

id: jQuery(this).attr('id'), // 페이지를 매길 테이블의 ID
pageSize: 10, // Single 페이지에 표시되는 레코드 수, 기본값은 10
sorting: false, //정렬할지 여부, 기본값은 정렬하지 않음
sortDirection: 'asc', //The 정렬 순서, 기본값은 오름차순입니다
sortSelector: '', //선택한 열을 정렬하려면 여기에서 td가 식별할 클래스를 설정해야 합니다.
sortType: '', //정렬이 지원하는 숫자 유형, 'number', 'string', 'date'
onPaged: null //정렬 후 이벤트 바인딩
예시에서 데모를 볼 수 있습니다.
페이징 효과 보기:
jquery를 확장하여 클라이언트 tables_jquery의 페이징 및 정렬 기능 코드를 구현합니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.