从 p:layout 中删除排水沟

Question

我正在使用 PrimeFaces 5.0。我在<p:layout> 中设置装订线时遇到问题。

<p:layout id="templateLayout" fullPage="false">

    <p:layoutUnit id="header" position="north" size="155" gutter="0">
    </p:layoutUnit>

    <p:layoutUnit position="west" id="leftPanel" size="225" gutter="0">
    </p:layoutUnit>

    <p:layoutUnit position="east" size="200" gutter="0">
    </p:layoutUnit>

    <p:layoutUnit id="content" position="center" size="2500"
                  style="z-index: 1;" maxSize="2500" gutter="0">
    </p:layoutUnit>

    <p:layoutUnit id="footer" position="south" size="90" gutter="0">
    </p:layoutUnit>

</p:layout>

事件虽然 gutter 属性在任何地方都设置为 0，但 <p:layoutUnit> 之间的 gutter 不会被删除。唯一被移除的排水沟位于东部和中心单元之间。

尝试交替应用以下 CSS。

.ui-layout-unit {
    padding-top: 0 !important;
    padding-right:  0 !important;
    padding-bottom:  0 !important;
    padding-left:  0 !important;
}

和

.ui-layout-resizer, 
.ui-layout-resizer-north, 
.ui-layout-resizer-open,
.ui-layout-resizer-north-open {
     height:0px !important;
}

但这也没有什么不同。

那么如何从<p:layout> 中删除所有排水沟？

Answer 1

我也遇到了同样的问题。

我所做的是在 layoutUnit 组件中使用以下属性：

collapsible="true" gutter="0"

除非您将它与可折叠一起使用，否则排水沟似乎不起作用。

感谢 Primefaces 论坛的好人：

Layout Unit Gutter Has No Effect @PrimefacesForum