Property "Compact Table" <compact>

This property is used to denote that a compact table should be generated out of this panel element and the child panel elements in it. It is important to know that one or two table elements can be placed into this panel element and they must occupy the whole panel area without leaving any unused space.

Typically this property is set to true to obtain horizontally flexible tables that can be automatically resized along with the browser's window width.

compact

The panel element contains two panels; one for header and one for the repeating rows. The tables must occupy the whole panel area without leaving any unused space. Also the number and the widths of the elements in the header panel and the repeat panel must be the same.

compact_pe

The table generation with Compact Table property is false:

<table ...>
  <table>
    <tr>
      <td>AAA</td>
      <td>BBB</td>
    </tr>
  </table>
  <table>
    <tr>
      <td>AAA Value</td>
      <td>BBB Value</td>
    </tr>
  </table>
</table>

Here there are separate tables for the header and the repeating rows. There is no guarantee that the header and repeating row columns are always aligned as the with of the outer table changes as the with of the browser's window with changes.

The table generation with Compact Table property is true:

  <table>
    <thead>
    <tr>
      <td>AAA</td>
      <td>BBB</td>
    </tr>
    </thead>
    <tbody>
    <tr>
      <td>AAA Value</td>
      <td>BBB Value</td>
    </tr>
    </tbody>
  </table>

There are no separate tables; the header and repeating rows of the table are the natural parts of one table. Header and repeating row column are always aligned.