고정 열 너비로 크롬 존경 테이블을 만드는 방법

Question

나는 집에서 만든 "테이블"플러그 인을 사용하여 렌더링하는 동안 열 너비가 고정되는 위치에서 가로 및 세로로 스크롤 할 수 있습니다. 그래서 우리는 CSS

table-layout:fixed; 

를 사용하지만 문제는 크롬이 테이블 폭을 계산하고, 열 너비 계산에도 불구하고, 여전히 테이블을 다시 포맷해야한다고 생각하는 것으로 보인다는 것이다. 여기

바이올린 : 당신이 IE 나 파이어 폭스에서 이것을 실행하면 http://jsfiddle.net/paull3876/Ssr33/

는 그 확인, 데이터 및 열 머리글이 제대로 잘립니다 만, 크롬, 그것은 모든 데이터를 보여주고 싶어, 그래서 오버 플로우를 무시 : 숨겨진 너비를 설정하면 결과 열이 머리글과 본문 테이블 사이에 정렬되지 않습니다.

그래서, 크롬에서이 작업을하는 방법에 대한 아이디어가 많이 주시면 감사하겠습니다 .. 당신이

Answer 1

아하 나는 그것을 가지고 있다고 생각합니다.

나는 TD 그것을 할 것으로 보인다 display:inline-block

.datatable .scrollingdiv td, .datatable .nonscrollingdiv td { 
    overflow:hidden; 
    display:inline-block; 
} 

로 설정합니다.

Answer 2

메신저 아직도 크롬 잘라 내기를 만들려고 노력 감사합니다,하지만 당신이 마음의 행 높이를 해달라고하면이를 사용하여 텍스트 줄 바꿈 수 해결 방법 :

$("td",$(".datatable")).css({"white-space":"normal"});