liferay - 在 Liferay 中使用 slickgrid 的 CSS 问题

Question

我正在尝试slickgrid在我的 liferay 6.1 门户中使用，但发生了一些奇怪的事情。

当我做

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

网格的宽度扩展为3906.916748046875。

我调试了我的代码，发现执行此行时：

$topPanelScroller.hide();

网格扩大了它的宽度。

在 Liferay Portal 之外，它工作正常。

它发生在其他人身上吗？这可能是什么原因造成的？

谢谢

Answer 1

才发现问题。

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

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