JSFiddle - React, Tailwind, and code Playground

by pierian_design

JavaScript

var allArrs = [

[
["","Title3","Title2","Title1"],["",7,17,27],["",8,18,28],["",9,19,29],["",12,20,30],["",10,21,31],["",11,22,32],["",12,23,33],["",13,24,34],["Title5",14,25,35],["Title6",15,26,36],["",16,27,37],["","",28,""],["","",29,""],["","",30,""],["","",31,""],["","",32,""],["","",33,""]
],

[
["","Title1","Title2","Title3","Title4"],["",50,60,70,80],["",51,61,71,80],["Title7",52,62,72,80],["Title6",52,63,73,80],["Title5",53,64,74,80],["",54,65,75,80],["",55,66,76,80],["",56,67,77,80],["",57,68,78,80],["",58,69,79,80],["",59,"",80,80],["",60,"",81,80],["",61,"",82,80],["",62,"",83,80],["",63,"","",80],["",64,"","",80],["",65,"","",80],["",66,"","",80],["",67,"","",80],["",68,"","",80],["",69,"","",80],["","","","",80]
],

[
["","Title1","Title2","Title4"],["Title7",100,200,300],["",101,201,301],["Title6",102,202,302],["Title5",103,203,303],["",104,204,304],["",105,205,305],["",106,206,306],["",107,207,307],["",108,208,308],["",109,209,""],["",110,210,""],["","",211,""],["","",212,""]
]

];

var allaHeaderPosition = [

[0,1,2,3], [0,3,2,1,4], [0,null,2,1,3]

];

var allaColumnLabelPosition = [

[9,10], [5,4,3], [4,3,1]

]

allArrs.forEach(function(arr, n) {


		function mutationArray(aValues, aHeaderPosition, aColumnLabelPosition) {
    
        var newValues = arr.map(function(name) {

            return cwsCreateEmptyArray(allaHeaderPosition[n].length);     

        });       
 
 
 
        aColumnLabelPosition.forEach(function(columnLabelPosition, j) {

          if (columnLabelPosition > 0 || columnLabelPosition < 100) {

            newValues[0] = aValues[0];

            newValues[j+1] = aValues[columnLabelPosition];	








            /*aHeaderPosition.forEach(function(headerPosition, x) {

              newValues.forEach(function(newValue, i) {

                  var sValue = newValue[headerPosition];

                  newValues[i][x] = sValue;

              });

            });*/              







          }

        });  
        
     ...