使用slickgrid和Liferay解决CSS问题

我试图在liferay 6.1门户中使用

slickgrid

，但发生了一些奇怪的事情

当我这样做的时候

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

网格的宽度扩展为

3906.916748046875

我调试了我的代码，发现在执行这一行时：

$topPanelScroller.hide();

网格将扩展其宽度

在Liferay门户外，它工作正常

这件事发生在其他人身上了吗？这是什么原因造成的

谢谢

刚刚找到问题

在liferay主题的

layout.css

中，有：

.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%;
}

可能对有同样问题的人有用