동적 테이블에 CSS 값을 추가하는 방법

Question

많은 수의 열로 동적으로 생성되지만 수평 스크롤 막대가없는 GWT 테이블을 사용하고 있으며 스크롤 막대를 가져 오려면 테이블 주위에 고정 너비가있는 래퍼가 필요합니다. 그러나 GWT는 컨테이너를 만들지 만 컨테이너에 너비를 추가하지는 않습니다.

이 문제를 해결하기 위해 화면 너비를 계산하고 테이블 래퍼에 추가하여 테이블에 스크롤 막대를 추가했지만 이상하게 작동합니다. 나는 그것이 실행시 개체에 대해 작동하기 때문에 크기 조정 테이블

내가 Live()을 사용하고 때이

그것은 작동하지 않습니다 테이블 근처에 마우스를 이동할 때

1. 는 또한, 스크롤 막대를 추가 클릭 이벤트를 사용할 수 없습니다. 당신이 스크롤 당신이 처리 할 수있는 얻는 경우 ("마우스 오버")에

   $(function() { 
       var screenwidth = $(window).width(); 
       $('body').live("mouseover", function() { 
        $('.scrollbar').css({ 
         'width' : (screenwidth) - 40 
        }); 
        $("body").unbind("mouseover"); 
       }); 
   }); 
   

Answer 1

1. 사용 $ ('몸')이 없음으로 오버 플로우를 설정하여 :. 여기
   는 코드입니다. css를 동적으로 변경해야하는 경우 클래스를 추가/제거하고 css를 코드와 별도로 유지할 수 있습니다. 그 좋은 연습.