csv to table

by martin_m_n_novy

HTML

<textarea id='content'></textarea>
<input type='button' id='trigger' value='ok'></input>
<div id='result'></div>

JavaScript

$('#trigger').click(function(){
    var i, j;
    var original = $('#content').val();
    var newContent = original;
    var list = original.split(/[\r\n]+/g);
    var items;
    var table = '';
    
    table += '<table>';
    table += '<thead>';
        items = list[0].split(',');
        table += '<tr>';
        for (j = 0; j < items.length; j++) {
            table += '<th>';
            table += items[j];
            table += '</th>';
        }
        table += '</tr>';
    table += '</thead>'
    table += '<tbody>';
    for (i = 1; i < list.length; i++) {
        table += '<tr>';
        items = list[i].split(',');
        for (j = 0; j < items.length; j++) {
            table += '<td>';
            table += items[j];
            table += '</td>';
        }
        table += '</tr>';
    }
    table += '</tbody>';
    table += '</table>'    
    
    $('#result').html(table);
})