HTML 테이블 : 열 너비를 동일하게 유지하십시오.

Question

여러 개의 열 그룹이있는 테이블이 있습니다. 테이블이 내 페이지보다 크기 때문에이 그룹 중 일부를 페이지에 맞게 표시하거나 숨길 수 있습니다. 초기 표는 좋아 보인다 : 모든 열은 그룹 내에서 거의 같은 폭이다. 그러나 그룹을 숨기면 기둥이 더 이상 같은 너비가 아니며 나빠질 것입니다.

예 :

는 지금까지 테이블이 잘 보이는 (깨진 링크) http://www.reviews-web-hosting.com/companies/apollohosting.html. >>를 클릭하십시오. '전자 상거래 용'의 첫 번째 열은 '전자 상거래 용'의 다른 열보다 훨씬 넓으므로 이상하게 보입니다. < <을 클릭하십시오. 이번에는 "값"아래의 첫 번째 열이 너무 넓습니다. 적어도 Firefox에서.

나는

<colgroup><col /><col span="5" />... 

하지만 행운을 사용하려고했습니다. 열을 style = "display : none"으로 설정하면 열 세트가 계속 표시됩니다.

그룹과 함께 동일한 너비로 열을 유지하기위한 HTML/CSS 팁이 있습니까?

편집 :

• 내가 가시성 사용할 수 있고, 열을 숨기려면 붕괴를
는 지금 잘 크기를 조정 것으로 보인다
• , 나도 몰라 이유에서

Answer 1

테이블에 스타일을 설정하면 브라우저의 자동 열 크기를 무시할 수 있습니다. 그런 다음 브라우저는 표의 첫 번째 행에있는 셀 너비에 따라 열 너비를 설정합니다. <thead>을 <caption>으로 변경하고 <td>을 제거한 다음 셀의 고정 너비를 <tbody>으로 설정합니다.

Answer 2

당신의 예 : 3 열만 표시하고 있기 때문에 :

Name Value  Business 
    or 
Name Business Ecommerce Pro 

왜 모든 3을 33.3 % 너비로 설정하지 않습니까? 한 번에 3 개만 표시되므로 브라우저 은 모두으로 비슷해야합니다.

Answer 3

글쎄, 사이드 바를 없애고 테이블을 쥐어 짜 넣으면 표시/숨기기 효과가 없습니까? 지금은 이상하게 보입니다. 테이블이 너무 강력합니다.
그렇지 않으면 나는 scunliffe의 제안이 그것을해야한다고 생각합니다. 또는 원하는 경우 표의 정확한 너비를 설정하고 표 셀의 비율 또는 픽셀 너비를 설정할 수 있습니다.

Answer 4

이 스타일을 td에 지정합니다. width : 1 %;