Question

我使用primefaces panelGrid，row和column。代码如下。我不想减少行之间的间距。我该怎么办？

<p:panelGrid>

    <p:row>
        <p:column>row 1 col1</p:column>
        <p:column>row 1 col2</p:column>

    </p:row>
    <p:row>
        <p:column>row 2 col1</p:column>
        <p:column >row 2 col2</p:column>
    </p:row>
    <p:row>
        <p:column>row 3 col1</p:column>
        <p:column >row 3 col2</p:column>
    </p:row>
    <p:row>
        <p:column>row 4 col1</p:column>
        <p:column >row 4 col2</p:column>
    </p:row>
</p:panelGrid>

Answer 1

通过添加此css行高度减少。 “默认值为4px 10px”。

.ui-panelgrid td {
    padding: 2px 5px ;
}

Answer 2

最终，您需要使用CSS来更改应用于生成标记的样式。

根据您的具体需要，您可能希望为panelgrid指定一个id，并在样式表中选择使用该id。适当地将CSS边距/填充属性应用于tr元素。

查看来源或使用浏览器的检查器精确缩小正在生成的标记范围;这将使你更容易弄清楚你需要写什么CSS。

primefaces减少panelGrid行之间的间距

2 个答案: