Location: PHPKode > scripts > TinyButStrong > examples/tbs_us_examples_grouping.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TinyButStrong - Example of grouping sections</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="./tbs_us_examples_styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>Example of grouping sections</h1>
<div id="main-body">
  <div class="w3cinfo"> this TBS template is W3C compliant <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml11" alt="Valid XHTML 1.1" height="31" width="88" style="border:none;" /></a> </div>
  <div id="example">
    <p>Parameters <span class="text-prm">headergrp</span>, <span class="text-prm">footergrp</span> and <span class="text-prm">splittergrp </span>enable you to display Headers, Footers and Splitters of groups. Note: their place in the block acts on the display. </p>
    <table width="300" border="1" cellpadding="4" cellspacing="0">
      <tr>
        <td><table width="100%" border="0" cellspacing="1" cellpadding="0">
            <tr>
              <td style="background-color:#CFE7CF">&#8226;</td>
              <td colspan="4" style="background-color:#CFE7CF" class="title-section"> [blk_res.country;block=tr;headergrp=country]</td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td style="background-color:#FFF5D2">&#8226;</td>
              <td colspan="3" style="background-color:#FFF5D2; text-decoration:underline;">[blk_res.city;block=tr+tr;headergrp=city]</td>
            </tr>
            <tr class="text-mini">
              <td>&nbsp;</td>
              <td>&nbsp;</td>
              <td style="background-color:#F0F0F0">&nbsp;</td>
              <td style="background-color:#F0F0F0"><strong><em>Name</em></strong></td>
              <td style="background-color:#F0F0F0"><strong><em>Score</em></strong></td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
              <td style="background-color:#F0F0F0">&deg;</td>
              <td style="background-color:#F0F0F0">[blk_res.winner;block=tr]</td>
              <td style="background-color:#F0F0F0">[blk_res.score]</td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td style="background-color:#FFFFDF">&rarr; </td>
              <td colspan="3" style="background-color:#FFFFDF"><span class="text-mini">[blk_res.city;block=tr;footergrp=city]</span></td>
            </tr>
            <tr>
              <td style="background-color:#DDEEDD">&rarr;</td>
              <td colspan="4" style="background-color:#DDEEDD"><span class="text-mini">[blk_res.country;block=tr;footergrp=country]</span></td>
            </tr>
            <tr>
              <td colspan="5">[blk_res;block=tr;splittergrp=country]
                <hr style="background-color:#060; border:solid 1px #090;" /></td>
            </tr>
          </table></td>
      </tr>
    </table>
  </div>
</div>
</body>
</html>
Return current item: TinyButStrong