IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
logo
Sommaire > Formulaire HTML et autres objets > Les tableaux (Balise table)
        Comment ajouter une ligne à un tableau?
        Comment écrire dans une cellule d'un tableau?
        Comment mettre un scrollbar à gauche sur un tableau ?

rechercher
precedent    sommaire    suivant    telechargermiroir


Comment ajouter une ligne à un tableau?
auteur : simone.51
<table id="table">
    <tr>
        <td>Cellule 0</td>
        <td>Cellule 1</td>
    </tr>
</table>
<input type="button" value="Ajouter une ligne" onClick="AddRow()" >
<script type="text/javascript">
function AddRow(){
    var newRow = document.getElementById('table').insertRow(-1);
    var newCell = newRow.insertCell(0);
    newCell.innerHTML = '[nouvelle cellule 0]';
    newCell = newRow.insertCell(1);
    newCell.innerHTML = '[nouvelle cellule 1]';
}
</script>
Dans la fonction addRow(), on initialise tout d'abord une variable newRow avec document.getElementById('table').insertRow(-1). La fonction insertRow peut prendre plusieurs paramètre :
  • -1 : La ligne sera ajoutée à la fin du tableau
  • 0 : La ligne sera ajoutée au début du tableau
  • autre valeur numérique : la ligne sera ajoutée à la place correspondant à la valeur numérique. Cette valeur ne doit tout de même pas être supérieure au nombre total de ligne du tableau


Comment écrire dans une cellule d'un tableau?
auteur : simone.51
<table>
    <tr>
        <td id="cel">Bonjour</td>
    </tr>
</table>
Si on veut modifier la valeur Bonjour, il suffit de faire :
document.getElementById('cel').innerHTML = "Au revoir";

Comment mettre un scrollbar à gauche sur un tableau ?
auteur : SpaceFrog
Il suffit de créer un div à gauche d'un tableau, controlant le défilement dans celui-ci:
<div style="height:200px;width:20px;overflow:auto;float:left;" onscroll="document.getElementById('tableau').scrollTop=this.scrollTop;">
</div>
<div id="tableau" style="height:200px;overflow:hidden;width:80%;">
<table border="1" width="100%">
</table>
</div>
lien : Exemple d'utilisation de ce script

rechercher
precedent    sommaire    suivant    telechargermiroir

Consultez les autres F.A.Q's


Valid XHTML 1.1!Valid CSS!

Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright © 2004 Developpez Developpez LLC. Tous droits réservés Developpez LLC. Aucune reproduction, même partielle, ne peut être faite de ce site ni de l'ensemble de son contenu : textes, documents et images sans l'autorisation expresse de Developpez LLC. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.