I have a very simple Uif-TableCollectionSection bean, defined as:
<bean parent="Uif-TableCollectionSection">
<property name="propertyName" value="collection"/>
<property name="collectionObjectClass" value=".."/>
<property name="layoutManager.renderSequenceField" value="false"/>
<property name="items">
<list>
<bean parent="Uif-DataField"
p:propertyName="name" p:label="Name"/>
<bean parent="Uif-DataField"
p:propertyName="description" p:label="Description"/>
<bean parent="Uif-DataField"
p:propertyName="id" p:label="ID"/>
</list>
</property>
<property name="subCollections">
<list>
<bean parent="Uif-TableSubCollection-WithinSubSection">
<property name="propertyName" value="list1" />
<property name="collectionObjectClass" value=".." />
<property name="layoutManager.renderSequenceField" value="false" />
<property name="items">
<list>
<bean parent="Uif-DataField"
p:propertyName="field1" p:label="FIELD1"/>
<bean parent="Uif-DataField"
p:propertyName="field2" p:label="FIELD2"/>
<bean parent="Uif-DataField"
p:propertyName="field3" p:label="FIELD3"/>
<bean parent="Uif-DataField"
p:propertyName="field4" p:label="FIELD4"/>
</list>
</property>
</bean>
</list>
</property>
</bean>
This displays the collection and subcollection but throws a javascript error:
TypeError: nCell is undefined
http://localhost:8081/ks-with-rice-bundled-dev/krad/plugins/rice/datatables/jquery.dataTables.js
628
If I add the property layoutManager.richTable.render="false" to the TableCollectionSection, the javascript error goes away. It appears that when I add a subcollection, it breaks the dataTable plugin.