2009-08-12 4 views
-4

이것은 질문이 아닙니다. 실제로 파이어 폭스 3.5.2에서만 테스트 한 순수 css를 사용하여 테이블 바디를 수직 스크롤링 할 수있는 간단한 해결책입니다. 올바른 테이블 DOM 정의 (table, thead, tbody).CSS 고정 헤더, 스크롤 가능 몸체

<style> 
    .someTBODYclassName { 
    height: 100px, 
    overflow-x: hidden, 
    overflow-y: visible 
    } 
</style> 

물론 이것은 jQuery 또는 순수 자바 스크립트를 사용하면 더욱 까다로울 수 있습니다.

var maxHeightOfTBODY = your_calculations_here; 
$("#TableId tbody.someTBODYclassName") //make it scrollable 
     .css({ 
      "height": maxHeightOfTBODY+"px", 
      "overflow-x": "hidden", 
      "overflow-y": "visible", 
      "width": "100%" 
      }); 
+1

이 codeproject.com에 좋은 기사가 될 것입니다 : D –

+6

네, 현재 대부분의 브라우저 – ChssPly76

+0

을 작동하지 않습니다 제외하고 당신은 양식에 답을 형성하지 않았다 플러스 - 질문! (자주 묻는 질문 (FAQ)에서 온 것입니다. 자신의 질문에 대해 묻고 답변하는 것이 완벽하지만 괜찮습니다. 질문의 형태로 문구를 넣으십시오.) – gnarf

답변