19

Java EE と PrimeFaces を使用しています。PrimeFaces でパネル グリッドの列幅を変更するにはどうすればよいですか? 例はありますか?

4

3 に答える 3

11

私は同様の問題を抱えていましたが、ここに私の解決策があります:

<p:panelGrid style="width:100%"> # notice that I do not define columns attribute in p:panelGrid!!
    <f:facet name="header"> # header
        <p:row> # p:row and p:column are obligatory to use since we do not define columns attribute!
            <p:column colspan="2"> # here I use colspan=2, coz I have 2 columns in the body
                Title
            </p:column>
        </p:row>
    </f:facet>

    <p:row>
        <p:column style="width:150px"> # define width of a column
            Column 1 content
        </p:column>
        <p:column> # column 2 will fill the rest of the space
            Column 2 content
        </p:column>
    </p:row>

    <f:facet name="footer"> # similar as header
        <p:row>
            <p:column colspan="2">
                Footer content
            </p:column>
        </p:row>
    </f:facet>
</p:panelGrid>

ご覧のとおり、主な違いは、 p:panelGridで属性を定義していないことです。ヘッダーとフッターでは、p:rowp:columnを使用する必要があります。私の場合、本文には 2 つの列があるため、 colspan=2 も使用する必要があります。

お役に立てれば ;)

于 2013-11-20T10:54:05.113 に答える
7

スタイル属性を考慮しましたか? 例 :

<p:panelGrid columns="2" style="width: 50px">

それ以外の場合、列の場合:

<p:column style="width:50px">

このスレッドを参照してください: <p:panelGrid> で <p:column> の幅を調整するにはどうすればよいですか?

于 2013-05-27T16:47:02.830 に答える