http://www.tablesgenerator.com/static/js/combined.160.js

-----


(adsbygoogle = window.adsbygoogle || []).push({});

$(document).ready( function() {
   init('#edited_table_container');
});

function show_result_code(code) {
    $('#result-code').text(code);
    Prism.highlightElement($('#result-code')[0]);
}

function init(parent_container) {
    var table = new TableModel();
    table.insertRow( [''] );

    var tv = new TableView( table, parent_container );
    var ignore = { text_color: true, bg_color: true, font_style: true,
                   fixed_layout: true,
                   borders: true, colspan: true, rowspan: true, theme: true };
    tv.setLoadIgnore(ignore);
    tv.on('cell_created', function (cv) {
        cv.style.setBorders('lrtb');
    } );
    table.resize(5, 5);
    table.removeRow(0);

    var main_ui = new MainUI(tv);

    $(' Generate')
        .appendTo( $('#edited_table_container') ).click(generate); 

    var gen_opt_box = $('
', { 'class': 'tab-gen-opt-box' })
        .appendTo($('#edited_table_container'));

    var use_elastic_tabs = $('');
    $('', { 'class': 'checkbox tab-gen-option' })
        .text('Put tabs between columns')
        .attr('title', 'Useful when your external editor supports elastic tabstops')
        .append(use_elastic_tabs)
        .appendTo(gen_opt_box)
        .change(generate);

    var compact_mode = $('');
    $('', { 'class': 'checkbox tab-gen-option' })
        .text('Compact mode')
        .attr('title', 'Do not add extra spaces to align the cells')
        .append(compact_mode)
        .appendTo(gen_opt_box)
        .change(generate);


    function generate() {
        var output = MarkdownExport(tv,
                use_elastic_tabs.is(':checked'),
                compact_mode.is(':checked'));
        show_result_code(output);
    }

    $('#show_example_btn').click( function () { 
        example(tv); 
        generate();
    } );

    

    
    generate();
}


function example(table_view) {
    table_view.reset();
    var model = table_view.model;
    var rows = [
        ['Tables', 'Are', 'Cool'],
        ['col 1 is', 'left-aligned', '$1600'],
        ['col 2 is', 'centered', '$12'],
        ['col 3 is', 'right-aligned', '$1']
    ];

    model.setRows(rows);
    table_view.forEachCellViewInRange( function(cv) {
                cv.style.setHorizontalAlign('center');
            }, 0, 1, 3, 1);
    table_view.forEachCellViewInRange( function(cv) {
                cv.style.setHorizontalAlign('right');
            }, 0, 2, 3, 2);
}


      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-40666600-1']);
      _gaq.push(['_setDomainName', 'tablesgenerator.com']);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();