JSFiddle - React, Tailwind, and code Playground

by Rapha Souza

HTML

<script src="https://code.jquery.com/jquery-3.4.1.slim.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">
<table class="table">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">Marca</th>
      <th scope="col">Modelo</th>
      <th scope="col">Ano</th>
       <th scope="col">Motor</th>
        <th scope="col">Preço</th>
         <th scope="col">Imagem</th>
         <th scope="col">Exemplos</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Hyundai</td>
      <td>HB20</td>
      <td>2013 - 2015</td>
       <td>1.6</td>
      <td>R$ 31.000 a 35.000
</td>
      <td><img src="https://www.w3schools.com/tags/img_girl.jpg" alt="Girl in a jacket" width="200" height="100"></td>
       <td>
       <ul class="list-group">
       <li class="list-group-item"><a href="" target="_blank">Exemplo 1</a></li>
     <li class="list-group-item"><a href="" target="_blank">Exemplo 1</a></li>
</ul>
</td>
    </tr>
  
  </tbody>
</table>