tablesorter에 동적으로 테이블을 추가하는 v2.0

Question

우리는 우리의 솔루션에 Tablesorter v2.0을 구현하려고합니다. 우리는 프로젝트에서 Knockout, MVC, C#을 사용하고 있습니다.

우리는 프로젝트 전반에 걸쳐 시나리오를 진행했습니다. 여기에는 진행된 검색 결과를 기반으로 행을 동적으로 추가하거나 행을 추가/삭제하는 테이블이 있습니다. 우리는 또한 테이블 시나리오 위의 정렬을 구현하고 그들은

시나리오 1 작동하는 것 같군하지 않습니다) (페이지로드 $ ('tablesorter에.')하는 동안 코드의 라인 아래에 추가 1) tablesorter에. ; 2) 테이블의 행을 동적으로 추가/삭제하거나 검색 결과에 따라 동적으로 행을 추가 할 때 아래 코드 줄이 추가되었습니다. $ ("table"). trigger ("updateAll"); 또는 $ ("table"). trigger ("update");

시나리오 2 : 페이지로드 $ ('tablesorter에.')하는 동안 코드의 라인 아래에 추가 1) tablesorter에(). 2) 테이블의 행을 동적으로 추가/삭제할 때 아래 코드 줄을 추가했습니다. $ ('. tablesorter'). tablesorter(); 두 시나리오 모두에서

문제 : • 우리는 포인트 # 2 (위), 시스템이 동적으로 테이블의 행을 복제하고 또한 정렬됩니다에 따라 검색 결과를 기반으로 행을 추가 동적으로 새로운 행 또는를 추가 할 때 올바르게 일어나지 않습니다.

위의 문제를 해결하기위한 권장 사항에 감사드립니다.

Answer 1

테이블 작성기는 한 번만 초기화해야합니다. 동일한 요소에 두 번 이상 $('.tablesorter').tablesorter();을 사용하면 무시됩니다. 이 동작을 테스트하려면 debug option을 설정하십시오.

tablesorter의 내부 캐시를 업데이트하려면 "update" event을 트리거해야합니다.

1. 행 새로 추가/제거.
2. $("table").trigger("update");

는 만 "updateAll" event 추가하거나 제거 열을 사용합니다.

1. 테이블 열 추가/제거.
2. $("table").trigger("updateAll");