JSFiddle - React, Tailwind, and code Playground

by survivant

HTML

<script src="http://lightswitch05.github.io/table-to-json/javascripts/jquery.tabletojson.min.js"></script>
<table id="example-table" style="width:700px; text-align: center; margin: 10px auto; "><tbody><tr style="background: #ddd;"><td style="width:60px;">Z</td><td style="width:60px;">0.00</td><td style="width:60px;">0.01</td><td style="width:60px;">0.02</td><td style="width:60px;">0.03</td><td style="width:60px;">0.04</td><td style="width:60px;">0.05</td><td style="width:60px;">0.06</td><td style="width:60px;">0.07</td><td style="width:60px;">0.08</td><td style="width:60px;"><b>0.09</b></td></tr><tr><td style="background: #ddd;">0.0</td><td>0.5</td><td>0.504</td><td>0.508</td><td>0.512</td><td>0.516</td><td>0.5199</td><td>0.5239</td><td>0.5279</td><td>0.5319</td><td style="background: #88ee00;">0.5359</td></tr><tr><td style="background: #ddd;">0.1</td><td>0.5398</td><td>0.5438</td><td>0.5478</td><td>0.5517</td><td>0.5557</td><td>0.5596</td><td>0.5636</td><td>0.5675</td><td>0.5714</td><td style="background: #88ee00;">0.5753</td></tr><tr><td style="background: #ddd;">0.2</td><td>0.5793</td><td>0.5832</td><td>0.5871</td><td>0.591</td><td>0.5948</td><td>0.5987</td><td>0.6026</td><td>0.6064</td><td>0.6103</td><td style="background: #88ee00;">0.6141</td></tr><tr><td style="background: #ddd;">0.3</td><td>0.6179</td><td>0.6217</td><td>0.6255</td><td>0.6293</td><td>0.6331</td><td>0.6368</td><td>0.6406</td><td>0.6443</td><td>0.648</td><td style="background: #88ee00;">0.6517</td></tr><tr><td style="background: #ddd;">0.4</td><td>0.6554</td><td>0.6591</td><td>0.6628</td><td>0.6664</td><td>0.67</td><td>0.6736</td><td>0.6772</td><td>0.6808</td><td>0.6844</td><td style="background: #88ee00;">0.6879</td></tr><tr><td style="background: #ddd;">0.5</td><td>0.6915</td><td>0.695</td><td>0.6985</td><td>0.7019</td><td>0.7054</td><td>0.7088</td><td>0.7123</td><td>0.7157</td><td>0.719</td><td style="background: #88ee00;">0.7224</td></tr><tr><td style="background:...

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');

JavaScript

$('#run').click( function() {
    var table = $('#example-table').tableToJSON();
    table = {"myrows": table};//make myrows the parent object
    alert(JSON.stringify(table));  
});