<style>#tableA {
  width: 100%;
}
#tableA th {
  background-color: #6dda4d;
  padding: 10px;
  color: #ffffff;
  font-size: 16px;
}
#tableA td {
  border: 1px solid #ddd;
  padding: 10px;
  font-size: 16px;
  width:25%;
}

#tableA tr:nth-child(even){background-color: #f2f2f2;}

#tableA tr:hover {background-color: #dddddd;}

</style>
<div class="table-responsive"><table id="tableA"><tbody></tbody><thead><tr><th style="text-align:center;">หัวข้อที่ 1</th>
<th style="text-align:center;">หัวข้อที่ 2</th>
<th style="text-align:center;">หัวข้อที่ 3</th>
<th style="text-align:center;">หัวข้อที่ 4</th>
</tr>
<tr><td>ข้อมูล 1</td>
<td>-</td>
<td>-</td>
<td>-</td>
</tr>
<tr><td>ข้อมูล 2</td>
<td>-</td>
<td>-</td>
<td>-</td>
</tr>
</thead></table>
<p></p>
</div>