Generate table on the basis of JSON

Change class name on click in jQuery

by Faisal Khan Janjua

JavaScript

var confg = {"header":[{"name":"MSISDN"},{"name":"Name","type":"text"},{"name":"CNIC","type":"input"},{"name":"Pakages","type":"select"},{"name":"boltons","type":"select"},{"name":"addons","type":"select"}],"selectedNumbers":["",""],"attributesData":{"packages":[{"name":"Pro Zero","eficsName":"PROZEROC","creditLimit":"1000"},{"name":"Pro Hero","eficsName":"PROZEROC","creditLimit":"1000"}],"boltons":[{"name":"Pro-100","eficsName":"PROZEROC","creditLimit":"1000"},{"name":"Pro-200","eficsName":"PROZEROC","creditLimit":"1000"}],"addons":[{"name":"addons Zero","eficsName":"PROZEROC","creditLimit":"1000"},{"name":"addons Hero","eficsName":"PROZEROC","creditLimit":"1000"}]}};

function createTable(c){
  if(c!=undefined && Object.keys(c).length){
    let tableHTML = '';
    tableHTML += '<table><thead>';
    
    tableHTML += '</thead><tbody>';
    
    tableHTML += '</tbody></table>';
    jQuery('body').append(tableHTML);
  }
  else { return false; }
}

createTable(confg);