title: using display:table within display:table column?
body: <p>In the code below (jsf page), i have some hotel info in display:table rows but i want to cram the room details as a table in one of the columns of the main table. The code actually makes more sense. In the column with title "Rooms", i want to display a table with room details. The whole table uses a list called "suitableHotelsList". Within the list, there are several mainVOs which houses the details in the column properties. Also the roomList (which contains roomVO) is within the MainVO. Hence i presumed i should be able to do a new table as below but gives error saying  " Unknown property 'roomList'"
  Any suggestions for what i could do to relate hotels with their rooms?</p>
  
  <pre><code>                &lt;div class="Tbl" style="border-width: 2px; border-style: solid; margin: 2px; font-size: 20px; height: 442px; left: 22px; top: 46px; overflow: scroll; position: absolute; width: 1268px; z-index: 1"&gt;
                          &lt;display:table class="its" id="hotelList" name="requestScope.DetailSelection.suitableHotelsList" style="border-width: 2px; border-style: solid;"&gt;
                              &lt;display:setProperty name="basic.empty.showtable" value="false"/&gt;
                              &lt;display:setProperty
                                  name="basic.msg.empty_list"&gt;Gösterilecek bir kayıt bulunamadı&lt;/display:setProperty&gt;/&amp;gt;
                              &lt;display:column
                                  property="hotelName" style="font-size: 30px; width:200px; text-align:center;" title="Hotel Name"/&gt;
                              &lt;display:column property="hotelStars" style="font-size: 30px; width:100px; text-align:center;" title="Stars"/&gt;
                              &lt;display:column property="userRating" style="font-size: 30px; width:100px; text-align:center;" title="User Rating"/&gt;
                              &lt;display:column property="hotelSummary" style="font-size: 20px; width:500px; text-align:center;" title="Summary"/&gt;
                              &lt;display:column style="width:100px;" title="Hotel Details"&gt;
                                  &lt;a href="HotelDetailsPage.jsp?id=${hotelList.hotelID}&amp;amp;screenType='O'&amp;amp;initial='true'"&gt;
                                      &lt;ui:image style="height:80px; width:80px;" url="/resources/img2.JPG"/&gt;
                                  &lt;/a&gt;
                              &lt;/display:column&gt;
                              &lt;display:column style="width:100px;" title="Rooms"&gt;
                                  &lt;display:table class="its" id="roomList" name="requestScope.DetailSelection.suitableHotelsList.roomList"&gt;
                                      &lt;display:column property="room_type" style="font-size: 10px; width:100px; text-align:center;" title="Room Type"/&gt;
                                      &lt;display:column property="price_per_night" style="font-size: 10px; width:100px; text-align:center;" title="Price Per Night"/&gt;
                                      &lt;display:column property="room_number" style="font-size: 10px; width:100px; text-align:center;" title="Room Number"/&gt;
                                      &lt;display:column style="width:100px;" title="Hotel Details"&gt;
                                  &lt;a href="Reservations.jsp?id=${roomList.roomID}&amp;amp;screenType='O'&amp;amp;initial='true'"&gt;
                                      &lt;ui:image style="height:80px; width:80px;" url="/resources/img3.JPG"/&gt;
                                  &lt;/a&gt;
                                  &lt;/display:column&gt;
                                  &lt;/display:table&gt;
                              &lt;/display:column&gt;
                          &lt;/display:table&gt;
                      &lt;/div&gt;
  </code></pre>