我正在使用p:dataTable
在行扩展中包含另一个p:dataTable
。
我的问题是我无法编辑内部表格,因为它位于p:rowExpansion
在没有p:rowExpansion
的情况下正常工作,将停止编辑图标无法点击的位置。
<h:form>
<p:dataTable var="car" value="#{dtBasicView.cars}">
<f:facet name="header">
Expand rows to see detailed information
</f:facet>
<p:column style="width:16px">
<p:rowToggler />
</p:column>
<p:column headerText="Id">
<h:outputText value="#{car.id}" />
</p:column>
<p:column headerText="Year">
<h:outputText value="#{car.year}" />
</p:column>
<p:rowExpansion>
<p:dataTable var="list" value="#{car.list}" editable="true" style="margin-bottom:20px">
<f:facet name="header">
Row Editing
</f:facet>
<p:column headerText="Id">
<p:cellEditor>
<f:facet name="output"><h:outputText value="#{list.id}" /></f:facet>
<f:facet name="input"><p:inputText id="modelInput" value="#{list.id}" style="width:100%"/></f:facet>
</p:cellEditor>
</p:column>
<p:column style="width:32px">
<p:rowEditor />
</p:column>
</p:dataTable>
</p:rowExpansion>
</p:dataTable>
</h:form>