Primefaces 3.5
当我设置p:dataTable时p:panel，面板无法显示兼容的宽度。问题是table width大于panel width如下捕获图像。
如果我删除p:layout，没关系。
我想panel with比table width. 它可以通过使用来解决jQuery吗？
面板.xhtml
<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">
<h:head>
</h:head>
<h:body>
<p:layout fullPage="true">
<p:layoutUnit position="west" size="260">
left
</p:layoutUnit>
<p:layoutUnit position="north" size="50">
header
</p:layoutUnit>
<p:layoutUnit position="center" resizable="true">
<h:form enctype="multipart/form-data">
<p:panel header="Vehicle Information" id="vehicleInfoWizardPanel">
<p:dataTable id="vehicleTable">
<p:column headerText="Sr. No">
</p:column>
<p:column headerText="Registration No">
</p:column>
<p:column headerText="Model">
</p:column>
<p:column headerText="Engine No">
</p:column>
<p:column headerText="Chassis No">
</p:column>
<p:column headerText="Cubic Capacity">
</p:column>
<p:column headerText="Seating">
</p:column>
<p:column headerText="Weight (Ton)">
</p:column>
<p:column headerText="Sum Insured">
</p:column>
<p:column headerText="Product Type">
</p:column>
<p:column headerText="Add On">
</p:column>
<p:column headerText="Period (Month)">
</p:column>
<p:column headerText="Manufacture">
</p:column>
<p:column headerText="Type Of Body">
</p:column>
</p:dataTable>
</p:panel>
</h:form>
</p:layoutUnit>
<p:layoutUnit position="east" size="260">
Right
</p:layoutUnit>
<p:layoutUnit position="south" size="40">
footer
</p:layoutUnit>
</p:layout>
</h:body>
</html>
更新
即使我通过 jquery 获取面板宽度，它总是 return null。
var width = $("#vehicleInfoWizardPanel").width();
alert(width);
但是，我得到了惊人的观点。如果我删除h:form，不使用 jquery 一切正常。