Liferay와 함께 slickgrid를 사용하는 CSS 문제

Question

내 평생 6.1 포털에서 slickgrid을 사용하려고하는데 이상한 일이 발생합니다. 내가

self.grid = new Slick.Grid('#list', self.dataView, columns, options); 

을 수행 할 때

그리드의 폭은 3906.916748046875로 확장됩니다.

나는 내 코드를 디버깅하고이 라인이 실행될 때 발견 :

$topPanelScroller.hide(); 

그리드는 그 폭을 확장합니다.

Liferay Portal 외부에서 작동 중입니다.

다른 사람에게도 일어 났습니까? 무엇이 이것을 일으킬 수 있습니까?

감사합니다.

Answer 1

방금 ​​문제가 발견되었습니다. ...

.portlet-layout { 
    border-collapse: collapse; 
    clear: both; 
    display: table; 
    border-spacing: 0; 
    table-layout: fixed; // this is changed from auto to fixed 
    width: 100%; 
} 

이 같은 문제를 가진 사람에게 도움이 될 수 있습니다

.portlet-layout { 
    border-collapse: collapse; 
    clear: both; 
    display: table; 
    border-spacing: 0; 
    table-layout: auto; 
    width: 100%; 
} 

과로 변경해야합니다 :

을 Liferay 테마에서 layout.css에서,이