2014-02-10 3 views
0

데이터 테이블에 문제가 있습니다. 특정 너비가 있어야하지만 모든 열을 표시하고 싶습니다.JQuery Datatables columns overflow

overflow

내가 솔루션을 Datatables Width Overflow For A Lot Of ColumnsJQuery Datatables overflow을 찾았지만, 차라리 내 테이블에 스크롤이 다음 깨는 단어를 사용합니다 : 전체 문제는 다음과 같습니다.

그래서, 내가 설정 있던 따른 다른 해결책을 발견 jQuery DataTable overflow and text-wrapping issues :

table.display { table-layout:fixed; } 
    th, td { word-wrap:break-word; overflow:hidden; text-overflow: ellipsis; } 

를하지만 이것으로 I 칼럼 폭을 갖는 문제가 있었다; 모든 열은 동일한 폭과 옵션이 "bAutoWidth을 : true"로 무시 : enter image description here

예를 들어,이 가격 열에서 빈 가로 공간, 또는 마지막 열에서 아이콘 후. 또한 단어 깨진 헤더 (일)은 매우 추한 것, 그것은 더 나은 경우 코드, 카운트, 가격 및 열을 최소 크기로했다 장소 (그 폭이 헤더 텍스트의 폭을 일치)를 보일 것이다.

각 열에 대해 (어쨌든) 바람직한 너비를 지정하고 싶습니다. 몇 줄의 줄을 써야합니까? 이 게시물에 breakCellText plugin이 발견되었습니다. jQuery DataTable overflow and text-wrapping issues. 그럼에도 불구하고이 플러그인은 내 데이터 테이블과 작동하지 않습니다 1.9.4.

답변

2

나는 동일한 문제가있었습니다. 내 해결책은 다음과 같습니다.

.dt-index { 
    column-width: auto !important; 
} 

테이블에이 스타일을 사용하십시오.

귀하의 해결책이되기를 바랍니다.

Greetz Vegeta_77