<Grid>
   <Cfg id="Rows" SuppressCfg="1" ResizingMain="3" MainCol="DATA1" Size="Small" NoHScroll="1"/>
   <Cols>
      <C Name="DATA1" Width="350"/>
      <C Name="DATA2" Width="350"/>
   </Cols>

   <Header DATA1="Main header with id='Header'"/>
   <Head>
      <Filter DATA1="Head filter row 1"/>
      <Header DATA1="Head header row 2" DATA1Button="Defaults" DATA1Defaults="|A|B|C"/>
      <I DATA1="Head data row 1"/>
      <Header id="Header" DATA1Icon="Sort"/> <!-- Changes position of the main header -->
      <Filter DATA1="Head filter row 2"/>
   </Head>
   <Body>
      <B>
         <I DATA1="Variable data row 1"/>
         <I DATA1="Variable data row 2">
            <I DATA1="Variable data row 3"/>
         </I>
         <I DATA1="Variable data row 4">
            <I DATA1="Variable data row 5">
               <I DATA1="Variable data row 6"/>
               <I DATA1="Variable data row 7"/>
            </I>
         </I>
         <I DATA1="Variable data row 8"/>
      </B>
   </Body>
   <Foot>
      <I DATA1="Foot data row 1"/>
      <Filter DATA1="Foot filter row 1"/>
      <Header DATA1="Foot header&#x0a;row 1"/>
      <I DATA1="Foot data row 2"/>
   </Foot>

   <Solid>
      <I Space="-1" Cells="N,F,A" N="Above solid row [-1]" NType="Html" FWidth="200" FType="Date" AType="Bool"/>
      <Topbar Space="0" Cells="N,B1,B2,B3,E" N="Top solid Topbar [0]" NType="Html" NWrap="0" B1="Button 1" B2="Button 2" B3="Button3" E="Edit (RelWidth)" EType="Text" ERelWidth="1"/>
      <Group Space="0" Cells="N" N="Top solid group row [0]" NWidth="140" NType="Html" NWrap="0" Custom="1"/>
      <I Space="1" Cells="N,A,B,C" A="A" B="B" C="C" N="Solid row between Head and Body [1]" NType="Html"/>
      <I Space="2" Cells="N,X,Y" XType="Enum" XEnum="|X|Y|Z" X="X" YType="Select" YDefaults="|X|Y|Z" Y="Y" N="Solid row between Body and Foot [2]" NType="Html"/>
      <Search Space="3" Cells="N,Expression" NWidth="190" N="Solid search row below Body [3]" NWrap="0" NType="Html"/>
      <I Space="4" Cells="N,B" N="Bottom solid row [4]" NType="Html" BType="Bool"/>
      <I Space="5" Cells="N,F,A" N="Below solid row [5]" NType="Html" FWidth="200" FType="Date" AType="Bool"/>
      <Tabber Space="5" Cells="N,T1,T2,T3" N="Below solid tabber row [5]" NWidth="150" NType="Html" T1="Tab1" T2="Tab2" T3="Tab3"/>
      <I Tag="OUT" id="OUT" Cells="N,B,A,P1,D,P2,C" N="Solid row placed outside the grid" NWrap="0" NType="Html" AType="Date" A="1/1/2000" AWidth="80" BType="Bool" CType="Select" CDefaults="|A|B|C" CWidth="50"
         DType="Text" D="Centered" DWidth="60" P1Type="Html" P1RelWidth="1" P1CanFocus="0" P2Type="Html" P2RelWidth="1" P2CanFocus="0"/>
   </Solid>
   <Toolbar Space="1" N="Default Toolbar [1]" NWidth="110" NType="Html" NWrap="0"
      Cells05="N"
      Cells25="Custom"
      Cells35="Custom2"
      Indent="0" Outdent="0"
      CustomIcon="Green.svg" CustomTip="Custom icon on default toolbar" CustomOnClick="alert('Clicked custom icon')" 
      Custom2Type="Bool" Custom2Label="Custom2" Custom2OnChange="alert('Custom2 cell changed')"
      />
   <Media> <M MaxWidth="500"> <Rows> <I id="OUT" N="Solid row&lt;br>outside&lt;br>the grid"/> </Rows> </M> </Media>
</Grid>