이상적인 HTML 테이블 조작 솔루션

XSL을 사용하여 HTML 테이블로 변환하는 XML을 반환하는 쿼리 결과를 기반으로 HTML 테이블을 작성합니다. 정렬, 페이지 매김 및 필터링을 추가하라는 요청을 받았습니다. 정렬과 페이지 매김을 가능하게하는 자바 스크립트 라이브러리와 필터링을 가능하게하는 다른 라이브러리를 추가 할 수있었습니다. 그러나 라이브러리는 별도의 라이브러리이므로 협업하지 않으므로 필자가 테이블을 '페이지 당 항목 수'필드의 제약 조건을 지키지 않습니다.이상적인 HTML 테이블 조작 솔루션

몇 가지 jQuery 솔루션에서 몇 가지 시도를했지만 제대로 작동하지 못했습니다. 내가 찾고있는 것은 입력을 누르거나 버튼을 누르지 않아도 페이지 매김, 열 정렬 및 열 필터링을 추가하는 것이 가장 쉽고 (자연스럽게) 가장 쉬운 해결책입니다.

출처

2010-12-30 Jesse Roper

어디에서 XSL 변환을 실행합니까? –

그건 중요하지 않습니다. 내 게시물에서 : 내가 (자연스럽게) 가장 쉬운 방법은 페이지 매기기, 열 정렬 및 열 필터링을 추가하거나 입력하거나 단추를 누르지 않아도되는 가장 쉬운 방법입니다. –

http://www.datatables.net/
표 위젯이 js 부분을 수행 할 수있는 것 같습니다. 너무 복잡해 보입니다

$(document).ready(function() { 
    $('#tableId').dataTable(); 
});

출처

2010-12-30 22:25:28

이 도구를 사용해 보았지만 작동시키지 못했습니다. 그걸 가지고 행운이 있었나요? –

내가 잘못했는지 말해 줄 수 있니? <스크립트 SRC = "스크립트/jquery.dataTables.js"유형 = "텍스트/자바 스크립트"/> <스크립트 SRC = "스크립트/jquery.dataTables.min.js"을 다음과 같이 내가 JS 파일에 대한 참조를 추가 한 유형 = "텍스트/자바 스크립트"/> <스크립트 SRC = "스크립트/jquery.js"유형 = "텍스트/자바 스크립트">이 사용하여 발로하고/: .ready를 $ (문서) (함수() { \t $ ('# example'). dataTable(); }); 하지만 난이 오류가 계속 : Microsoft JScript 런타임 오류 : 'jQuery'정의되지 않았습니다 –

지연에 대한 미안 해요. dataTables 및 dataTables.min을 추가하면 과도한 것처럼 보입니다. 또한 dataTables 전에 jquery를 추가했습니다. –

이상적인 HTML 테이블 조작 솔루션

답변

관련 문제