Javascript table

Article

var arrayLignes = document.getElementById("monTableau").rows;
var longueur = arrayLignes.length;
var i=2 // 2eme ligne
var arrayColonnes = arrayLignes[i].cells;
var j=3;
var cellule=arrayColonnes[j];
cellule.style.backgroundColor = "red";  // change la couleur de la 3eme celulle de la 2eme ligne

rowIndex
sectionRowIndex
// numéro de ligne 0 en bas nbligne-1 en haut

var nouvelleLigne = document.getElementById("monBody").insertRow(-1); // insère une ligne en bas du tableau

// clique sur une cellule récupère le col_num et row_num et modifie le contenu
$(document).ready(function(){
    $("#client_table td").click(function() {     
 
        var col_num = parseInt( $(this).index() ) ;
        var row_num = parseInt( $(this).parent().index() + 1);    
 
        $("#result").html( "Row_num =" + row_num + "  ,  Rolumn_num ="+ col_num );   
		
		document.getElementById("client_table").rows[row_num].cells[col_num].innerHTML='yyyy';
    });
});

     

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

three + five =