Lignes de tableau verticale

Bonjour,
j'ai des années à insérer je vais faire l'affichage de tableau sur mon page web verticalement, quelqu'un sait comment je peux faire , merci .

voilà le code source :
<?php
// $NbrLigne : la dernière année entée
$NbrLigne = 2010;
echo '<center><table border="1" width="400">';
// 1ere ligne (ligne 0)
// affichage de ligne des toutes les années
echo '<tr >';
for ($j=1993; $j<=$NbrLigne; $j++) {
echo '<td bgcolor="#FFFF66">'.$j.'</td>';
}
echo'</tr>';
echo '</table></center>';
?>

3 réponses

  1. Contributeur
    Bonjour,

    en mettant les <tr> et </tr> dans la boucle, l'affichage se fait verticalement

    <?php
    
    // $NbrLigne : la dernière année entée
    $NbrLigne = 2010;
    echo '<center><table border="1" width="400">';
    // 1ere ligne (ligne 0)
    // affichage de ligne des toutes les années
    for ($j = 1993; $j <= $NbrLigne; $j++) {
        echo '<tr >';
        echo '<td bgcolor="#FFFF66">' . $j . '</td>';
        echo'</tr>';
    }
    echo '</table></center>';
    ?>
    1. je vous remercie pour votre réponse rapide , maintenant je veux qd l'admin clique sur le bouton "Ajouter un ligne" , il aura automatiquement une ligne vide pour qu'il puisse insérer d'autres années , j'ai essayé avec ce code mais ça marche pas , je sais qu'il me manque un input dans la forme mais je sais pas comment faire :
      code source:

      <script type="text/javascript">
      function ajouteruneligne() {
      $('#tablearticles tr:last').after('<tr><td><input type="text" name="variable1[]" /></td>')
      }
      </script>
      </head>
      <body>
      <br><br>
      <p align="center" class="titre"><strong>- : : : Les parametres de bases : : : -</strong></p><br>
      <?php
      // $NbrLigne : la derniére année entée
      // $NbrLigne : la dernière année entée
      $NbrLigne = 2010;
      echo '<center><table border="1" width="400">';
      // 1ere ligne (ligne 0)
      // affichage de ligne des toutes les années
      for ($j = 1993; $j <= $NbrLigne; $j++) {
      echo '<tr >';
      echo '<td bgcolor="#FFFF66">' . $j . '</td>';
      echo'</tr>';
      }
      echo '</table></center>';
      ?>
      <form id="" name="" action="parametre.php">
      <button onclick="ajouteruneligne();return false;">Ajouter une ligne</button>
      </form>
      1. je vous remercie pour votre réponse rapide , maintenant je veux qd l'admin clique sur le bouton "Ajouter un ligne" , il aura automatiquement une ligne vide pour qu'il puisse insérer d'autres années , j'ai essayé avec ce code mais ça marche pas , je sais qu'il me manque un input dans la forme mais je sais pas comment faire :
        code source:

        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js">
        function ajouteruneligne() {
        $('#tablearticles tr:last').after('<tr><td><input type="text" name="variable1[]" /></td>')
        }
        </script>
        </head>
        <body>
        <br><br>
        <p align="center" class="titre"><strong>- : : : Les parametres de bases : : : -</strong></p><br>
        <?php
        // $NbrLigne : la derniére année entée
        // $NbrLigne : la dernière année entée
        $NbrLigne = 2010;
        echo '<center><table border="1" width="400">';
        // 1ere ligne (ligne 0)
        // affichage de ligne des toutes les années
        for ($j = 1993; $j <= $NbrLigne; $j++) {
        echo '<tr >';
        echo '<td bgcolor="#FFFF66">' . $j . '</td>';
        echo'</tr>';
        }
        echo '</table></center>';
        ?>
        <form id="" name="" action="parametre.php">
        <button onclick="ajouteruneligne();return false;">Ajouter une ligne</button>
        </form>