JSFiddle - React, Tailwind, and code Playground

by Sybeus

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/v/bs5/dt-1.11.5/r-2.2.9/datatables.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
<script src="https://cdn.datatables.net/v/bs5/dt-1.11.5/r-2.2.9/datatables.min.js"></script>
<html>
  <head>
    <title>Responsive DataTables Until Unnecessary</title>
  </head>
  <body>
    <div class="d-inline-flex">
      <table id="dt01" class="table table-striped">
        <thead>
          <tr>
            <th>Stage Name</th>
            <th>Real Name</th>
            <th>Birth Date</th>
            <th>Birth Place</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Olivia Wilde</td>
            <td>Olivia Cockburn</td>
            <td>March 10, 1984</td>
            <td>New York, New York, United States</td>
          </tr>
          <tr>
            <td>Reese Witherspoon</td>
            <td>Laura Jeanne Reese Witherspoon</td>
            <td>March 22, 1976</td>
            <td>New Orleans, Louisiana, United States</td>
          </tr>
          <tr>
            <td>Bruno Mars</td>
            <td>Peter Gene Hernandez</td>
            <td>October 8, 1985</td>
            <td>Honolulu, Hawaii, United States</td>
          </tr>
          <tr>
            <td>Katy Perry</td>
            <td>Katheryn Hudson</td>
            <td>October 25, 1984</td>
            <td>Santa Barbara, California, United States</td>
          </tr>
          <tr>
            <td>Natalie Portman</td>
            <td>Neta-Lee Hershlag</td>
            <td>June 9, 1981</td>
            <td>Jerusalem</td>
          </tr>
          <tr>
            <td>Kit Harington</td>
            <td>Christopher Catesby Harington</td>
            <td>December 26, 1986</td>
           ...

JavaScript

$(document).ready(function() {
  $('#dt01').DataTable({
    responsive: true
  });
});