동적으로 수정 된 테이블에서 jQuery Table기 사용

Question

페이지에 jQuery Tablesterer 플러그인을 사용하고 있습니다.

불행히도, 정렬 된 테이블은 동적으로 수정되었으며, 요소를 추가 한 후 정렬 할 때 요소가 사라지고 테이블을 테이블 러가 만들었을 때 테이블을 복원합니다.

Tablesterter 가이 새로운 요소가 올바르게 정렬되도록 페이지를 구제하도록 강제로 할 수있는 방법이 있습니까?

Answer 1

나는 당신이 다음과 같은 것을 사용하여 업데이트를 트리거 할 수 있다고 생각합니다.

$(table).trigger("update")

Answer 2

당신이 맞는 것 같습니다.

$(table).trigger("update");
$(table).trigger("appendCache");

트릭을 수행합니다.

참고로, 테이블 orter API는 어느 시점에서 변경되었으므로 이러한 것들이 변경되었으며 이벤트 바인딩이 변경되었습니다. 나의 가장 큰 행프는 왜 어떤 일이 효과가 있었고 다른 것들이 그렇지 않은지 알아 내려고 노력했으며, 명백한 차이가 없지만 플러그인의 잘못된 버전이 있기 때문이었습니다.

Answer 3

그만큼 $(table).trigger("update"); 오류가 발생합니다

    Uncaught TypeError: Cannot read property 'rows' of undefined 

따라서 jQuery 함수가 있습니다 .ajaxStop() 어디 tablesorter() 호출됩니다. Table기를 호출하지 마십시오 .ready()

    jQuery(document).ajaxStop(function(){
      jQuery("#table_name").tablesorter();
    })

그 일을 했어요

Answer 4

동적 생성 테이블을 분류하는 문제에 직면 한 나와 같은 초보자에게는 다음과 같은 해결책이 있습니다. 이전에 주어진 대답은 정확하지만이 명령은 어디에 배치합니까?

$('#tableId').tablesorter().trigger('update');

데이터를 테이블에 추가하자마자 배치해야합니다. 내 경우에 Ex

var tableData = "<thead><tr><th>Name</th><th>Age</th></thead><tbody><tr><td>Izaki</td><td>24</td><tr><tr><td>Serizawa</td><td>25</td></tr>";
$('#tableId').html('tableData');
$('#tableId').tablesorter().trigger('update');