JSFiddle - React, Tailwind, and code Playground

by elizabethkmathew

HTML

<html>
<head>
  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.11/css/jquery.dataTables.min.css">
 <!--  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.11/css/dataTables.bootstrap.min.css"> -->
  <!-- <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css"> -->
  <style type="text/css">
        input[type="text"],
        input[type="button"] {
        width: 212px;
        height: 30px;
        }
        .new-row {
            padding: 0 !important;
        }
  </style>
</head>
<body>
<!-- <p><a href="javascript:void(0);" onclick="fnClickAddRow();">Click to add a new row</a></p>
 --> 
<!--          <input type="button" value="add" id="addbtn" />
 --> <!--     <input type="button" value="edit" id="editbtn" />-->
    
<table id="example" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Age</th>
                <th>Start date</th>
                <th></th>
            </tr>
        </thead>
         <thead>
            <tr>
                <td>Name</td>
                <td>Position</td>
                <td>Office</td>
                <td>Age</td>
                <td>Start date</td>
                <td></td>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Age</th>
                <th>Start date</th>
                <th></th>

            </tr>
        </tfoot>
        <tbody>
            <tr>
                <td>Tiger Nixon</td>
                <td>System Architect</td>
                <td>Edinburgh</td>
                <td>61</td>
                <td>2011/04/25</td>
                <td></td>
            </tr>
            <tr>
                <td>Garrett...