JSFiddle - React, Tailwind, and code Playground

by jimkennelly

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.24.0/bootstrap-table.min.css" integrity="sha512-IC9zdRfWwUKZHAhgI6YpOCwrwInau7JLKUmm8lrB654jCMqh3jKA/VcYTyrg2bU1wDcv9mHOyz+hjg3KiLjjXg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.24.0/bootstrap-table.min.js" integrity="sha512-qrizL06k1LbZ9ESjZSmcnGcBLTg+0BugeICDjvAY3GxqvLF8Z12JvHt4xXn8FdoA4idU+12B9NsPWSgg5Pn4PQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>



<table id="table">
    <thead>
    <tr>
        <th data-field="standard">standard</th>
        <th data-field="daylightSavingsTime">daylightSavingsTime</th>
        <th data-field="iso8601Time">iso8601Time</th>
        <th data-field="zuluOffsetTime">zuluOffsetTime</th>
        <th data-field="iso8601CentralStandardTime">iso8601CentralStandardTime</th>
    </tr>
    </thead>
</table>

JavaScript

var times = [
  {
    "standardTime": "2024-01-14 09:47:34",
    "daylightSavingsTime": "2024-07-14 08:47:34",
    "iso8601Time": "2024-01-14T15:47:34.000Z",
    "zuluOffsetTime": "2024-01-14T09:47:34-06:00",
    "iso8601CentralStandardTime": "2024-01-14T09:47:34-06:00" 
  },
  {
    "standardTime": "2023-12-31 23:59:59",
    "daylightSavingsTime": "2024-06-30 23:59:59",
    "iso8601Time": "2024-01-01T05:59:59.000Z",
    "zuluOffsetTime": "2023-12-31T23:59:59-06:00",
    "iso8601CentralStandardTime": "2023-12-31T23:59:59-06:00"
  }
]


$(function () {
    $('#table').bootstrapTable({
        data: times
    });
});