與Liferay一起使用slickgrid的CSS問題

Question

我想在我的liferay 6.1門戶中使用slickgrid，但發生了一些奇怪的事情。

當我

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

網格的寬度擴展到3906.916748046875。

我調試我的代碼，發現當執行這一行：

$topPanelScroller.hide(); 

網格擴展它的寬度。

外部Liferay Portal它工作正常。

它發生在其他人身上嗎？什麼可能導致這種情況？

謝謝

Answer 1

剛剛發現問題。

在layout.css從Liferay的主題，有：

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

，它需要更改爲：

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

可能是有人用同樣的問題有用...