JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://lightswitch05.github.io/table-to-json/javascripts/jquery.tabletojson.min.js"></script>
<table id='example-table' class="table table-striped">
  <thead>
    <tr>
      <th data-override="ad">First Name</th>
      <th data-override="soyad">Last Name</th>
      <th data-override="Score">Points</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Jill</td>
      <td>Smith</td>
      <td data-override="disqualified">50</td>
    </tr>
    <tr>
      <td>Eve</td>
      <td>Jackson</td>
      <td>94</td>
    </tr>
    <tr>
      <td>John</td>
      <td>Doe</td>
      <td>80</td>
    </tr>
    <tr>
      <td>Adam</td>
      <td>Johnson</td>
      <td>67</td>
    </tr>
  </tbody>
</table>

<button id="run" class="btn btn-primary">Convert!</button>

CSS

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

JavaScript

$('#run').click(function() {
  var tablem = $('#example-table').tableToJSON();
  var dongu = tablem.length;
  
  for (var i = 0; i < dongu; i++) {
    console.log(tablem[i]["ad"] + " "+ tablem[i]["soyad"] );
   
  
  }
 


});