Primefaces 5.0.8 PanelGrid中的数据表填充整个页面

时间:2014-09-08 08:08:29

标签: primefaces datatable width styling panelgrid

我刚刚尝试从PF 5.0.4更改为5.0.8,因为问题7334已经修复。现在我在panelGrid中的所有数据表都会填满整个屏幕,而不是填充宽度= 35%的父panelGrid的列(例如)。我怎么能避免这个?

简短的例子:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui">

<f:view>
    <h:body>
        <ui:composition template="../templates/menu.xhtml">
            <ui:define name="centerContent">
                <h:form>
                    <p:panelGrid style="width:100%">
                        <p:row>
                            <p:column style="width:40%">
                                <p:dataTable value="#{editLoad.allOrders}" var="order"
                                    scrollable="true" scrollHeight="300" scrollRows="40">
                                    <p:column headerText="test">
                                        <p:outputLabel value="#{order.amountOfNotUsedOrderPositions}" />
                                    </p:column>
                                </p:dataTable>
                            </p:column>
                            <p:column style="width:60%">
                                <p:panel style="width:100%;background-color:red">
                                    <p:outputLabel value="should be 70%" />
                                </p:panel>
                            </p:column>
                        </p:row>
                    </p:panelGrid>
                </h:form>
            </ui:define>
        </ui:composition>
    </h:body>
</f:view>
</html>
事实上,看起来像panelgrid的风格=&#34; xx%&#34;没有任何影响了。

0 个答案:

没有答案