2010-01-13 5 views
2

TD 너비를 기준으로 표의 TD 너비를 확장하는 방법이 있습니까?동적으로 TD의 너비를 넓히십시오

asp:Panel은 코드 숨김의 일부 조건에 따라 숨겨 지거나 표시 될 것입니다.

저는이 문제를 해결하는 데 도움이 될 CSS가 있다고 생각합니다.하지만이 문제를 해결할 수는 없습니다. 도움!

여기에 HTML 마크 업입니다 :

jQuery로

답변

1

시도해 볼 사항 중 하나는 확장/축소가 필요한 TD의 너비를 오 그녀의 TD. 너비가 없으면 TD는 기본적으로 사용 가능한 공간을 차지하므로 행의 다른 TD가 모두 지정된 너비를 가지면 너비가없는 TD는 나머지 공간을 차지합니다. 그러한 TD가 2 개있는 경우에는 그 사이에 공간이 분배됩니다.

+0

와우 ! 나는 그 선택권으로 어떻게 놀고 싶었는지 잘 모르겠습니다. 고마워요 !! – Vivek

+0

테이블 주위의 요소와 스타일에 대해 강력한 제어력이나 이해력이 없다면 때로는 재미있는 결과를 얻을 수 있지만, 그렇지 않은 경우에는 내용을 확장하는 좋은 방법입니다. – cdeszaq

0

, 당신은 두 개의 열에서 최고의 TD에 ID를 적용한 다음과 같이 할 수있다 : 이것은의 폭을 설정

$('#tda').width(($('#tdb').width() > 200) ? 10 : 100) 

을 id가 td 인 td가 id가 b 인 td가 200보다 큰 경우 그렇지 않으면 100으로 설정합니다.

+0

그래, 아마도 이것이 최선의 방법 일 것입니다. 너비 너비를 확인한 다음 클래스를 추가 할 수 있습니다. 클래스를 추가해야 할 수도 있습니다. 클래스를 추가해야 할 수도 있기 때문입니다. 그런 다음 CSS에서 너비 규칙을 정의하십시오. 이 방법은 프로세스를 필요로하는 td에 수동으로 추가하는 대신 프로세스가 완전히 동적입니다. – Chad

+0

안녕하세요. 이 CSS/Javascript 기반 답변이있을 것입니다. 이 애플리케이션에는 jQuery가 없으므로 불행히도이를 얻으려면 많은 레드 테이프를 사용해야합니다. – Vivek

+0

jQuery는 자바 스크립트입니다. jQuery 스크립트를 포함하지 않는 경로를 따라 간다면 브라우저 호환성 등을 처리해야합니다. 가능하지만 jQuery없이 작동하는 무언가를 작성하는 것은 아마 하나의 라이너가 아닙니다. – grenade

관련 문제