I have this dynamic column dataTable, and I want to have one column rowspan=2 and the other column 2 rows:
<p:column headerText="Chapter Name" style="width:80px" rowspan="2" >
<p:inputText value="#{bookVar.name}" style="width:80px;" id="name" />
</p:column>
<p:columns id="templateTable" value="#{bookBean.tableColHeaderList}" var="colHeader" columnIndexVar="colIndex" >
<f:facet name="header"> #{colHeader.header}</f:facet>
<p:row>
<p:inputText value="#{bookVar.chapterList[colIndex].answer}" style="width:10px;" id="answer" tabindex="1" maxlength="1" onblur="value=value.toUpperCase()" onkeyup="$(this).next().focus();" />
</p:row>
<p:row>
<p:inputText value="#{bookVar.chapterList[colIndex].officialAnswer}" style="width:10px;" id="officialAnswer" tabindex="2" maxlength="1" onblur="value=value.toUpperCase()" onkeyup="$(this).next().focus();" />
</p:row>
</p:columns>
The way I did it it is not working. Each dynamic column (with both inputText) is in one TD How can I achieve this?
EDIT: changing the question a little - is it possible in a dataTable with dynamic columns, to have 2 rows for each item?
EDIT2: I have already tried using p:column inside my p:row
Thanks
` between the two inputs instead of using `