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';
    });
});

Sélectionner un objet

<div id="message" class="maclass"&amp;gt; contenu du div</div>
var monobjet= document.getElementById('message');
var monobjet= document.getElementByClassName('maclass');
var monobjet= document.querySelector('message');
var monobjet= $('#message');  // jquery
var monobjet= $('.maclass');  // jquery

var myElements = document.querySelectorAll(".bar"); // plusieurs

monobjet.innerHTML='test123'; 
document.getElementById('message').innerHTML='test123'; 
$('#message').html('test123');
$(monobjet).html('test123');

insertAdjacentHTML()  inserre un contenu, avant ou après, dans un DIV par exemple

<script>
  var log = document.getElementById('message');
  message.insertAdjacentHTML('beforeend',   'message ajouté à la fin du contenu');
  message.insertAdjacentHTML('afterBegin',  'message ajouté au début du contenu');
  message.insertAdjacentHTML('beforeBegin', 'message ajouté avant le DIV (ou objet)');
  message.insertAdjacentHTML('afterEnd',    'message ajouté après le DIV (ou objet)');
</script>

infos ICI

querySelector innerHTML et textContent

document.querySelector('#message').innerHTML='test123';
document.querySelector('#message').textContent='test123';
// en jquery
$('#monchamps').html('32132');
$('#monchamps').text('32132');
$('#monchamps').append('32132'); // pour ajouter

var voiture = ['Saab', 'Volvo', 'BMW'];   
var cars = new Array('Saab', 'Volvo', 'BMW'); // même chose syntaxe trop lourde
//plus lisible pour les longues listes
var voiture = [
    'Saab',
    'Volvo',
    'BMW'
];

voiture[0] // contient Saab

var mesvoiture[1] = voiture; // on peut tout stocker dans une ligne de tableau, un autre tableau, un objet, une fonction ...
var mesvoiture[3] = ['Saab','Peugeot', 'Fiat'] ; // un tableau stocké dans un tableau

typeof voiture;             // returns object  et pas array  utiliser plutôt :
Array.isArray(voiture);     // true  
var camion = [];   // -> création du tableau camion vide

// ne pas utiliser si on veut un tableau -> voir objets
var person = {firstName:'John', lastName:'Doe', age:46};   // un peu comme un tableau, mais un objet -> les propriétés tableau ne s'y appliquent pas
voiture['marque']='peugeot'' //  voiture est devenu un objet -> ne pas faire

/********************************************************/
var x = voiture.length;            // x -> 3 

var voiture_tri = voiture.sort();  // une copie de voiture triée par ordre alpha
voiture.push('Renault');           // ajoute à la fin du tableau et retourne la longeur du tableau
unshift()                          // idem début du tableau
var tt=voiture.pop();              // enlève le dernier élément du tableau  et le met dans tt
var tt=voiture.shift();            // idem premier element

voiture.splice(2, 0, 'Fiat', 'Citroen');  // se positionne en 2 dans voiture, enlève 0 élement et insère Fiat, Citroen

var a = voiture.indexOf('Volvo');      // 1  voiture[1] = 'Volvo' permet de tester si une valeur est dans un tableau -1 si pas trouvé
var a = voiture.lastIndexOf('Volvo');  // comme indexOf mais parcours le tableau en partant de la fin

/***********************************************************/
// parcourir le tableau
var index;
for (index = 0; index < voiture.length; index++) {
    console.log(voiture[index]);
} 

// la même chose
function aff(item, index){ console.log(item);}
voiture.forEach(aff);


// parcour tout le tableau applique une fonction et retourne le résultat dans un tableau
var v2 = voiture.map(
            function(valeur, index){return valeur + 'tt';}
         );   //v2 -> ["Saabtt", "Volvott", "BMWtt"]

// idem mais retourne une seule valeur
var v2 = voiture.reduce(
            function(total, valeur){return total + '--' + valeur;}  // total est le return du calcul précedent
         );   //v2 -> "Saab--Volvo--BMW"
reduceRight() ; // la même chose mais parcour le tableau de droie à gauche

voiture.reverse();  //['Saab', 'Volvo', 'BMW']  -- > ['BMW', 'Volvo', 'Saab'];

/************************************************************/
var voiture_txt = voiture.join();  //  -> "Saab,Volvo,BMW"  toutes les valeur du tableau dans une chaîne

var vehicule = voiture.concat(camion);    // faire un tableu avec deux

// recherche le premier sur critère (saute les valeurs vides)
var ages = [3, 10, 18, 20];
function checkAdult(age) {
    return age >= 18;
}
var adult = ages.find(checkAdult);  // retourne 18 : la première réponse true de la fonction checkAdult
var adult ages.findIndex(checkAdult); // même chose mais retourne l'index : 2

les array sont aussi des objets -> voir les possibilité des object

liens

w3schools

http://orbjs.net/

pivottable-js    examples  github

webpivottable  deux versions dont une payante environ 1500€  utilise Node.js sur le serveur

http://webix.com/  pivot + autres aplli js à tester  une version free d’autres payantes

pivot.js  pas un TCD, mais plutôt présentation des données avec regroupement

http://www.jbpivot.org/#  A voir aussi

http://gumption.org/2004/pivot_table/test_page.html   vieux truc simple efficace à fouiller

http://ukman.github.io/   simple à etudier