JSFiddle - React, Tailwind, and code Playground

by mibrahim01

HTML

<script src="https://cdn.datatables.net/1.10.11/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.11/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.1.2/css/buttons.dataTables.min.css">
<script src="https://cdn.datatables.net/buttons/1.1.2/js/dataTables.buttons.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/select/1.1.2/css/select.dataTables.min.css">
<script src="https://cdn.datatables.net/select/1.1.2/js/dataTables.select.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="//cdn.datatables.net/responsive/2.0.2/js/dataTables.responsive.min.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/responsive/2.0.2/css/responsive.dataTables.min.css">
<script src="http://kingkode.com/datatables.editor.lite/js/altEditor/dataTables.altEditor.free.js"></script>
<hr>
<div class="container">
  <table cellpadding="0" cellspacing="0" border="0" class="dataTable table table-striped" id="example">


  </table>
</div>

CSS

table.dataTable tbody>tr.selected,
table.dataTable tbody>tr>.selected {
  background-color: #A2D3F6;
}

JavaScript

$(document).ready(function() {

  var dataSet = [
    [1926, 'Chrysler', 'Imperial'],
    [1948, 'Citroën', '2CV'],
    [1950, 'Hillman', 'Minx Magnificent'],
    [1953, 'Chevrolet', 'Corvette'],
    [1954, 'Chevrolet', 'Corvette'],
    [1954, 'Cadillac', 'Fleetwood'],
    [1955, 'Chevrolet', 'Corvette'],
    [1955, 'Ford', 'Thunderbird'],
    [1956, 'Chevrolet', 'Corvette'],
    [1957, 'Chevrolet', 'Corvette'],
    [1957, 'BMW', '600'],
    [1958, 'Chevrolet', 'Corvette'],
    [1958, 'BMW', '600'],
    [1958, 'Ford', 'Thunderbird'],
    [1959, 'Austin', 'Mini'],
    [1959, 'Chevrolet', 'Corvette'],
    [1959, 'BMW', '600'],
    [1960, 'Chevrolet', 'Corvair'],
    [1960, 'Chevrolet', 'Corvette'],
    [1960, 'Fillmore', 'Fillmore'],
    [1960, 'Fairthorpe', 'Rockette'],
    [1961, 'Austin', 'Mini Cooper'],
    [1961, 'Studebaker', 'Avanti'],
    [1961, 'Pontiac', 'Tempest'],
    [1961, 'Chevrolet', 'Corvette'],
    [1962, 'Pontiac', 'Grand Prix'],
    [1962, 'Chevrolet', 'Corvette'],
    [1962, 'Studebaker', 'Avanti'],
    [1962, 'Buick', 'Special'],
    [1963, 'Austin', 'Mini'],
    [1963, 'Austin', 'Mini Cooper S'],
    [1963, 'Rambler', 'Classic'],
    [1963, 'Ford', 'E-Series'],
    [1963, 'Studebaker', 'Avanti'],
    [1963, 'Pontiac', 'Grand Prix'],
    [1963, 'Chevrolet', 'Corvair 500'],
    [1963, 'Chevrolet', 'Corvette'],
    [1964, 'Chevrolet', 'Corvette'],
    [1964, 'Ford', 'Mustang'],
    [1964, 'Ford', 'Galaxie'],
    [1964, 'Pontiac', 'GTO'],
    [1964, 'Pontiac', 'LeMans'],
    [1964, 'Pontiac', 'Bonneville'],
    [1964, 'Pontiac', 'Grand Prix'],
    [1964, 'Plymouth', 'Fury'],
    [1964, 'Studebaker', 'Avanti'],
    [1964, 'Austin', 'Mini Cooper'],
    [1965, 'Ford', 'Fairlane'],
    [1965, 'Ford', 'Mustang'],
    [1965, 'Ford', 'Thunderbird'],
    [1965, 'Pontiac', 'GTO'],
    [1965, 'Pontiac', 'Grand Prix'],
    [1965, 'Pontiac', 'LeMans'],
    [1965, 'Pontiac', 'Bonneville'],
    [1965, 'Pontiac', 'Tempest'],
    [1965, 'Volkswagen', 'Beetle'],
...