JSFiddle - React, Tailwind, and code Playground
by tacman1123
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Welcome!</title>
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<script type="module">
import bootstrap from 'https://cdn.jsdelivr.net/npm/[email protected]/+esm'
import jQuery from 'https://cdn.jsdelivr.net/npm/[email protected]/+esm'
const $ = jQuery;
global.jQuery = global.$ = $;
import DataTable from 'https://cdn.jsdelivr.net/npm/[email protected]/+esm'
let el=document.getElementById('example');
let dt=new DataTable(el);
</script>
</head>
<body>
<table id="example" class="datatables">
<thead>
<tr>
<th>abbr</th>
<th>name</th>
<th>number</th>
</thead>
<tbody>
<tr>
<td>Jan</td>
<td>January</td>
<td>1</td>
</tr>
<tr>
<td>Feb</td>
<td>February</td>
<td>2</td>
</tr>
<tr>
<td>Mar</td>
<td>March</td>
<td>3</td>
</tr>
<tr>
<td>Apr</td>
<td>April</td>
<td>4</td>
</tr>
<tr>
<td>May</td>
<td>May</td>
<td>5</td>
</tr>
<tr>
<td>Jun</td>
<td>June</td>
<td>6</td>
</tr>
<tr>
<td>Jul</td>
<td>July</td>
<td>7</td>
</tr>
<tr>
...