Java 素面问题'；使用数据表时的布局和布局单元

我最近开始使用primefaces为大学的一个小项目快速制作一些东西，我选择了

组件。 在使用与我搜索的所有地方相同的官方文档中的相同代码后，我在中心

布局单元
中添加了一个
datatable
，但部署时未显示
datatable
，也未生成异常

我确实检查了结果网页，发现
datatable
是空的，高度为0px

有什么想法吗？如何修复它

注意：
datatable
在任何
LayoutUnit
componenet之外都可以正常工作

这是布局代码

<p:layout fullPage="true">
            <p:layoutUnit position="north" size="60" style="border : dashed;">
                <h:form>
                    <p:menubar style="background-color: #034257" toggleEvent="hover">

                        <p:menuitem label="Home" action="#{BackingBookService.retrieveBooks()}" value="Home" style="float: right;background-color: azure"
                                    icon="ui-icon-home"/>
                        <p:submenu label="Categories" style="background-color: azure" model="">
                        </p:submenu>
                        <p:submenu label="Authors" style="background-color: azure">
                            <p:menuitem value="Youtube" url="http://www.youtube.com" />
                            <p:menuitem value="Break" url="http://www.break.com" />
                        </p:submenu>

                        <p:menuitem value="USERX" for="logoutbutton"></p:menuitem>
                        <p:menuitem  id="logoutbutton" label="Logout" action="#{BackingBookService.retrieveBooks()}" value="Logout" style="float: right;background-color: azure"
                                     icon="ui-icon-disk"/>
                    </p:menubar>
                </h:form>
            </p:layoutUnit>
            <p:layoutUnit position="south" size="100" >

            </p:layoutUnit>
            <p:layoutUnit position="west" size="300" >
                <h:outputText value="Left content" />
            </p:layoutUnit>
            <p:layoutUnit position="east" size="200" >
                <h:outputText value="Right Content" />
            </p:layoutUnit>
            <p:layoutUnit position="center">
                <h:outputText value="Books By Categories"></h:outputText>
                <ui:component>
                        <p:dataTable var="Books" value="#{BackingBookService.bookList}" initMode="immediate" style="width: 100%;">
                            <p:columns value="#{BackingBookService.columns}" var="column"
                                       sortBy="#{column.property}" filterBy="#{column.property}">
                                <f:facet name="header">
                                    #{column.header}
                                </f:facet>
                                <h:outputText value="#{Books[column.property]}" />
                            </p:columns>
                        </p:dataTable>
                </ui:component>
            </p:layoutUnit>
        </p:layout>


#{column.header}

网页就是这样的

因此，
datatable
应该已经在图书分类下
outputtext
，但它不是
为什么你有它呢？因为我试图让datatable工作，但我真的不知道
做什么。但是它无论如何都不起作用，所以我省略了它。当前代码没有
。为什么你有呢？因为我试图让datatable工作，但我不知道
做什么。但是它无论如何都不起作用，所以我省略了它。当前代码没有
。