Create Table

by kwabs Ohh

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div id="divWithSwitcher">
<button id="smallValues" class ="btn btn-default lalalala btn_switcher">
small
</button>
<button id="pCentValues" class ="btn btn-default lalalala btn_switcher">
PCent
</button>
<button id="bigValues" class ="btn btn-default lalalala btn_switcher">
Right
</button>
</div>
<button id="bigValues" class ="btn btn-default lalalala ">
Not Switcher
</button>
<div>

</div>

CSS

#tblData,#tblHeader {
  width: 800px;
  text-align: center;
}

.tdRK {
  width: 6%;
}

.tdRKDescr {
  width: 22%;
}

.tdMnthData {
  width: 6%;
}

JavaScript

$('#divWithSwitcher button').click(function(){
var ID =eval( $(this).prop('id'));
showType(ID);
})

var smallValues =[0,0,0,0];
var bigValues =[1,1,1,1];
var pCentValues =["2%","2%","2%","2%"];

function showType(data){
console.log(data);
} // END