부트 스트랩 탭 내의 여러 개의 footable 초기화는 하나의 테이블에서만 작동합니다.

Question

부트 스트랩 탭의 각 탭에 2 개의 테이블이 있습니다. 탭을 클릭하면 숨겨진 div가 활성화됩니다. 기본 탭이 정상적으로 작동합니다. 그러나 나머지 탭은 어리석은 행동을합니다. 나는 다음과 같은 코드를 시도했다 : -

$('#tradeswith').on('shown.bs.tab', function() { 
     $('.footable').trigger('footable_initialize');   

}); 

그러나 여기서 문제는 하나의 테이블에서만 작동한다는 것이다. 나머지 테이블은 작동하지 않습니다.

Answer 1

나는 이것이 오래된 게시물이고 OP의 문제를 해결하기에는 너무 늦었지만 같은 문제로이 페이지에 도착했다. 바라건대 내 대답은 여기에 도착한 다음 사람을 도울 것입니다.

활성화되지 않은 탭의 CSS 값은 display: none이므로 문제가되는 Footable이 초기화 될 때 테이블의 크기가 0으로 반환된다는 것을 의미합니다.

이 해결책은 새 탭을 선택할 때 크기 조정을 트리거하는 것입니다.

$('#tradeswith').on('shown.bs.tab', function() { 
    $('.footable').trigger('footable_resize'); 
}); 

다른 탭 솔루션과도 작동하며 트리거 된 이벤트를 수신하면됩니다.