RX/XE 팁
RX/XE 팁
XE FAQ 는 제가 XE공홈 '묻고 답하기'에 답변한 내용들 중 일부를 정리한 내용입니다. (대부분이 제가 한 답변이죠)
XE Tips 는 제가 XE 공홈에 쓴 XE 관련 유용한 팁들입니다. 기능개선은 공홈에 안 적어둔 XE 유용 개선팁들입니다.
유용정보는 외부 검색을 통해 알아낸 소스등을 기재해둔 곳입니다.
버그 신고내역들은 XE 사용하다가 발견한 버그 패치방법들로, Core Issue 에 기록해뒀기에 XE 에 적용이 되었을 가능성이 있겠죠

제가 쓴 글들에 대해 퍼가실때는 꼭 출처를남겨주시고.. (다만 플래시뷰 기반이기에 퍼가기는조금 힘들 수 있겠죠 ^^;)
타회원의 글들도 적혀있는 출처를 같이 꼭 기재해주세요

[XE 기능개선] css table scroll - tbody 안에 세로 스크롤이있는 100 % 너비의 HTML 표

sejin7940 조회:7010 2019.03.06 15:51
출처 code Q&A 
출처URL https://code.i-harness.com/ko-kr/q/1046d1e 

https://code.i-harness.com/ko-kr/q/1046d1e 

 

링크 주소에 여러 방법이 나와있지만.

아래의 css 형태로 테이블 세로 높이를 지정할 수 있는 경우, 아래 형태로 css 를 하는것도 좋다.

 

 

table ,tr td{

    border:1px solid red

}

tbody {

    display:block;

    height:50px;

    overflow:auto;

}

thead, tbody tr {

    display:table;

    width:100%;

    table-layout:fixed;/* even columns width , fix width of table too*/

}

thead {

    width: calc( 100% - 1em )/* scrollbar is average 1em/16px width, remove it from thead width */

}

table {

    width:400px;

}

 

목록
전체 0건
XE Login