JSFiddle - React, Tailwind, and code Playground

by artgas_pro

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.0">
  <link rel="stylesheet" href="/style.css">
  <title>Document</title>
</head>
<body>
  <section class="info container">
    <div class="sort"></div>
    
  </section>
</body>
</html>

JavaScript

const data = [
    {
      "name": "John",
      "email": "[email protected]",
      "rating": 20,
      "disabled": false
    },
    {
      "name": "John",
      "email": "[email protected]",
      "rating": 14,
      "disabled": false
    },
    {
      "name": "Mike",
      "email": "[email protected]",
      "rating": 20,
      "disabled": true
    },
    {
      "name": "Bob",
      "email": "[email protected]",
      "rating": 20,
      "disabled": false
    },
    {
      "name": "Mike",
      "email": "[email protected]",
      "rating": 14,
      "disabled": false
    },
    {
      "name": "Bob",
      "email": "[email protected]",
      "rating": 14,
      "disabled": true
    },
    {
      "name": "John",
      "email": "[email protected]",
      "rating": 14,
      "disabled": true
    },
    {
      "name": "Mike",
      "email": "[email protected]",
      "rating": 20,
      "disabled": true
    }
  ];
  
  const