JSFiddle - React, Tailwind, and code Playground

by rotailed

HTML

<!DOCTYPE html> 
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>
			Datatables with modal
		</title>
	
		<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.10/css/dataTables.bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/responsive/2.0.0/css/responsive.bootstrap.min.css" />

	</head>
	
	<body>


	
		<div class="container" style="margin-top:10px;">
		
			<table id="example" class="table table-striped table-bordered nowrap" cellspacing="0" width="100%">
		        <thead>
		            <tr>
		                <th>First name</th>
		                <th>Last name</th>
		                <th>Position</th>
		                <th>Office</th>
		                <th>Age</th>
		                <th>Start date</th>
		                <th>Salary</th>
		                <th>Extn.</th>
		                <th>E-mail</th>
		            </tr>
		        </thead>
		        <tbody>
		            <tr>
		                <td>Tiger</td>
		                <td>Nixon</td>
		                <td>System Architect</td>
		                <td>Edinburgh</td>
		                <td>61</td>
		                <td>2011/04/25</td>
		                <td>$320,800</td>
		                <td>5421</td>
		                <td>[email protected]</td>
		            </tr>
		            <tr>
		                <td>Garrett</td>
		                <td>Winters</td>
		                <td>Accountant</td>
		                <td>Tokyo</td>
		                <td>63</td>
		                <td>2011/07/25</td>
		                <td>$170,750</td>
		                <td>8422</td>
		                <td>[email protected]</td>
		            </tr>
		            <tr>
		                <td>Ashton</td>
		         ...