Creating a grid-like layout

Question

Previously, I posted a problem with trying to wrap tables within tables, referencing this code.
<!-- ... -->
<tableLayout>
  <contents>
    <rowLayout>
      <contents>
        <bc4j:viewObjectScope name="CustomArrayDataGraphsView">
          <bc4j:rowStamp>
            <cellFormat>
              <contents>
                <tableLayout>
                  <contents>
                    <rowLayout>
                      <contents>
                        <link
                              styleClass="OraHeaderSub"
                              targetFrame="display">
                          <boundAttribute
                                          name="text">
                            <bc4j:attrValue name="AnalysisParam"/>
                          </boundAttribute>
                          <boundAttribute
                                          name="destination">
                            <bc4j:ordProperty name="url"/>
                          </boundAttribute>
                          <boundAttribute
                                          name="shortDesc">
                            <bc4j:attrValue name="Description"/>
                          </boundAttribute>
                        </link>
                      </contents>
                    </rowLayout>
                    <rowLayout>
                      <contents>
                        <bc4j:attrScope name="Graph">
                          <contents>
                            <html:object
                                         width="300"
                                         height="200">
                              <boundAttribute
                                              name="data">
                                <bc4j:ordProperty name="url"/>
                              </boundAttribute>
                              <boundAttribute
                                              name="type">
                                <bc4j:ordProperty name="contentType"/>
                              </boundAttribute>
                              <rawText>
                                <boundAttribute
                                                name="text">
                                  <bc4j:attrValue name="Description"/>
                                </boundAttribute>
                              </rawText>
                            </html:object>
                          </contents>
                        </bc4j:attrScope>                                                                                                                                  
                      </contents>
                    </rowLayout>
                  </contents>
                </tableLayout>
              </contents>
            </cellFormat>
          </bc4j:rowStamp>
        </bc4j:viewObjectScope>
      </contents>
    </rowLayout>
  </contents>
</tableLayout>
<!-- ... -->The above code renders a single row of elements which are tables themselves. Using the <cellFormat> inside the <viewObjectScope> avoids the "new line" rendering of the internal tables of title/images. However, the internal tables do not wrap.
This is an unfortunate side-effect of html tables. So, I need to basically make a sizeable grid (similarly to a GridLayout for all you AWT/Swing folks out there) layout that can render a specified number of columns per table, creating new rows as necessary. Something like...
<gridLayout columns="5">
  <contents>
    <bc4j:viewObjectScope                                 name="CustomArrayDataGraphsView">
      <bc4j:rowStamp>
        <cellFormat>
          <contents>
            <!-- render something per row -->
          </contents>
        </cellFormat>
      </bc4j:rowStamp>
    </bc4j:viewObjectScope>
  </contents>
</gridLayout>This custom layout will render a maximum of five columns of data per table row, where each column is actually a row of information from the view object.
Is this possible using UIX components or should I start coding?
Thanks,
joe

Answer 1

Also, displaying a bunch of "inline"ed tables would be really useful. I can't seem to do this from within a <header>, <hideShowHeader> tag, even with explicitly coding:
  <bc4j:viewObjectScope name="CustomArrayDataGraphsView">
    <bc4j:rowStamp>
      <bc4j:attrScope name="Graph">
        <contents>
              <html:table style="display: inline">
                <html:tr>
                  <html:td>
                    <styledText text="Title"/>
                  </html:td>
                </html:tr>
                <html:tr>
                  <html:td>
                    <styledText text="Image"/>
                  </html:td>
                </html:tr>
              </html:table>
<!--
              <tableLayout styleClass="display: inline" width="300">
                <contents>
                  <rowLayout>
                    <contents>
                      <styledText text="Title"/>
                    </contents>
                  </rowLayout>
                  <rowLayout>
                    <contents>
                      <styledText text="Image"/>
                    </contents>
                  </rowLayout>
                </contents>
              </tableLayout>
        </contents>
      </bc4j:attrScope>
    </bc4j:rowStamp>
  <!-- render a "No Records Found" message -->
    <contents>
      <styledText
                  text="No Records Found"
                  styleClass="OraErrorText">
        <boundAttribute
                        name="rendered">
          <if>
            <comparison
                        type="lessThan">
              <bc4j:viewObjectProperty name="estimatedRowCount"/>
              <fixed
                     javaType="int">1</fixed>
            </comparison>
            <fixed
                   javaType="boolean">true</fixed>
            <fixed
                   javaType="boolean">false</fixed>
          </if>
        </boundAttribute>
      </styledText>
    </contents>
  </bc4j:viewObjectScope>Apparently, the header tags do something which effects the display of "inline"ed elements, like the tables in the previous example. Any suggestions? I know taking out of the header works great, but, the <hideShowHeader> functionality is particularly necessary.
I have a time constraint on this... gotta be done by today, so if you have any other later minute suggestions besides creating a grid-like layout, let me know!
Thanks,
Joe