Question

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

当我这样做时

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

网格的宽度扩展为3906.916748046875。

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

$topPanelScroller.hide();

网格扩展其宽度。

在Liferay之外的门户网站上工作正常。

它是否发生在其他人身上？可能导致这种情况的原因是什么？

由于

Answer 1

刚发现问题。

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

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

使用Liferay的slickgrid的CSS问题

1 个答案: