[Summary view] [Print] [Text view]

   1  <style type="text/css">
   2  <!--
   3  table
   4  {
   5      width:  100%;
   6      border: solid 1px #5544DD;
   7  }
   8  
   9  th
  10  {
  11      text-align: center;
  12      border: solid 1px #113300;
  13      background: #EEFFEE;
  14  }
  15  
  16  td
  17  {
  18      text-align: left;
  19      border: solid 1px #55DD44;
  20  }
  21  
  22  td.col1
  23  {
  24      border: solid 1px red;
  25      text-align: right;
  26  }
  27  
  28  -->
  29  </style>
  30  <span style="font-size: 20px; font-weight: bold">Démonstration des retour à la ligne automatique, ainsi que des sauts de page automatique<br></span>
  31  <br>
  32  <br>
  33  <table>
  34      <col style="width: 5%" class="col1">
  35      <col style="width: 25%">
  36      <col style="width: 30%">
  37      <col style="width: 40%">
  38      <thead>
  39          <tr>
  40              <th rowspan="2">n°</th>
  41              <th colspan="3" style="font-size: 16px;">
  42                  Titre du tableau
  43              </th>
  44          </tr>
  45          <tr>
  46              <th>Colonne 1</th>
  47              <th>Colonne 2</th>
  48              <th>Colonne 3</th>
  49          </tr>
  50      </thead>
  51  <?php
  52      for ($k=0; $k<50; $k++) {
  53  ?>
  54      <tr>
  55          <td><?php echo $k; ?></td>
  56          <td>test de texte assez long pour engendrer des retours à la ligne automatique...</td>
  57          <td>test de texte assez long pour engendrer des retours à la ligne automatique...</td>
  58          <td>test de texte assez long pour engendrer des retours à la ligne automatique...</td>
  59      </tr>
  60  <?php
  61      }
  62  ?>
  63      <tfoot>
  64          <tr>
  65              <th colspan="4" style="font-size: 16px;">
  66                  bas du tableau
  67              </th>
  68          </tr>
  69      </tfoot>
  70  </table>
  71  Cool non ?<br>