JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">
<table class="table table-bordered">
  <thead>
    <tr class="headings">
      <th>Ano</th>
      <th>Editora</th>
      <th>Autor</th>
    </tr>
  </thead>
  <tbody>
     <tr>
        <th>
          <div>Ano</div>
          <select name="" id="">
            <option value="">Teste</option>
            <option value="">Teste</option>
          </select>
        </th>
        <th>
          <div>Editora</div>
          <select name="" id="">
            <option value="">Teste</option>
            <option value="">Teste</option>
          </select>
        </th>
        <th>
          <div>Autor</div>
          <select name="" id="">
            <option value="">Teste</option>
            <option value="">Teste</option>
          </select>
        </th>
    </tr>
  </tbody>
</table>

CSS

body {
  padding: 10px;
}

div {
  display: none;
}

@media screen and (max-width: 450px) {
  table, select {
    width: 100% !important;
  }
  td, th {
    width: 100% !important;
    display: block !important;
  }
  .headings {
    display: none;
  }
  div {
    display: block;
  }
}