2012-10-19 3 views
3

두 개의 데이터 테이블이있는 페이지가 있습니다. 그 중 하나에는 페이지로드시 데이터가 채워지고 다른 하나는 비어 있습니다 (단, 골격이 있으며 헤더가 있고 <tbody> 태그가 비어 있음). 두 번째 테이블은 첫 번째 테이블의 행 선택에 따라 달라집니다. 두 번째 테이블이 비어있는 경우를 제외하고 모든 것이 작동하고 두 테이블 모두 필요한대로로드 및 표시됩니다. enter image description hereJQuery Datatables - 빈 테이블 열 머리글이 누락되었습니다.

그 헤더

는 각 sWidth 세트를 가지고 있고, 표시 할 데이터가있을 때, 그들은 올바른 너비 및 모든 권리입니다 :

비어있는 경우, 헤더는 thusly 히 표시 세계. 나는 아직 테이블에 데이터가없는 행동을 취하지 못했습니다.

모든 도움을 주시면 감사하겠습니다.

편집 내가 오프 bAutoWidth을 시도하고있다

(제거하고 aoColumns 속성에 명시 적으로 열 너비를 추가.

나는 또한 <th> 요소를 명시 적으로 폭 <th width="50px">를주는 시도와에 클래스를 설정 시도

또한 너비가 <th>이고 너비가인 텍스트를 줄 바꿈하고 그 다음 스타일을 너비로 설정해 보았습니다. 실제로 아무 것도 작동하지 않았습니다. 실제로 <span>은 헤더 행을 접어서 더 악화 시켰습니다 거의 0에.

또한 table-layout : fixed가 설정됩니다.

+0

어떻게 th의 너비를 설정 했습니까? – Horen

+0

DataTables는 init 옵션을 가지고 있습니다 :'bAutoWidth' ....'false'로 설정하면이 문제를 해결할 수있는 대답의 일부가 될 것입니다 – BLSully

+0

fnAdjustColumnSizing()을 호출하는 것처럼 보입니다. 이게 끝나니? 그것은 별도의 함수 호출을 요구하지 않고 초기화 시간에 열 및 크기 열을 초기화해야하는 것처럼 보입니다. – CodeWarrior

답변

1

어둠 속에서 촬영. 시도해 보셨습니까 :

table { 
    table-layout: fixed; 
} 

?

관련 문제