Json to HTML Table

javascript-data-to-html-table

// even/odd, classes, filters
var args = {
  tableId:'',
  firstRowHeaders:false,
}

function generate_html_table(data, args){
  if(data === 'undefined' || !data || !data[0]){
    return 'No Vals set.  Ensure it's array or array of objects, or json string';
  }
  
  var trClass = '';
  var tdClass = '';
  var html = '';
  var headers = [];
  
  var dataType = 'json';
  if(typeof data === 'string'){
    json_obj = JSON.stringify(data);
  }else{
    if( data.constructor == [].constructor){
      dataType = 'array';
      maxCells = data[0].length;
    }
  }
  if(dataType === 'json'){
    html += '<thead><tr>';
    for(key in data[0]){
      header = uppercaseWords(key.replace(/[^a-zA-Z]+/gi, ' '));
      html += '<th class="'+key+'">'+header+'</th>';
    }
    html += '</thead></tr>';
  }
  
  max = data.length;
  
  // cycle through rows
  for(i=0;i<max;i++){
    trClass = (i%2) ? 'row-even' : 'row-odd';
    html += '<tr class="'+trClass+'">';
    
    // cycle through cells, depending on if obj or array
    if(dataType === 'json'){
      for(key in data[i]){
        tdClass = key;
        html += '<td class="'+tdClass+'">'+data[i][key]+'</td>';
      }
    }else{
      for(c=0;c<maxCells;c++){
        tdClass = (c%2) ? 'col-even' : 'col-odd';
        html += '<td class="'+tdClass+'">'+data[i][c]+'</td>';
      }
    }
    html += '</tr>';
  }
  html += '</tbody>';
  html = '<table>'+html+'</table>';
  return html; 
}
function uppercaseWords(string){
    return string.charAt(0).toUpperCase() + string.slice(1);
}