JSFiddle - React, Tailwind, and code Playground

by jimkennelly

HTML

<script src="https://code.jquery.com/jquery-2.1.0.min.js">
</script>

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.css" integrity="sha256-fmTnnli0QCPUZUWzEUu9eBudPzE6rqqExQmCNO1iwxw=" crossorigin="anonymous" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.js" integrity="sha256-WhRrhlxnjmWN8RFlxNG9MX4kqUBDhGbO7YdwUfapsk8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/locale/bootstrap-table-en-US.js" integrity="sha256-2PRddAfDA745fvS3Sj8R8rJLus0tMj44e7dr4Atw3O0=" crossorigin="anonymous"></script>

<table id="table">
  <thead>
    <tr>
      <th data-field="date">Date</th>
      <th data-field="path">Path</th>
      <th data-field="scenarioname">Name</th>
    </tr>
  </thead>

</table>

JavaScript

var mydata = [{
        "scenarioname": "xxx",
        "path": "xxxx-01-07-15-30-05",
        "date": "2018-01-07 15:30:05"
      }, {
        "scenarioname": "yyyyy",
        "path": "yyyyyy-01-11-11-00-45",
        "date": "2018-01-11 11:00:45"
      }];

      $(document).ready(function(){
        $('#table').bootstrapTable({
          data: mydata,
        });
      });