如何使用tabindex表值和标题一起读取表

Question

我有一个使用html的表

名称|地点

Asha |海德拉巴

Neelima |班加罗尔

所以读者应该以这样的方式阅读，以使名字Asha Place Hyderabad命名为Neelima Place Bangalore

我可以像这样读取行Name Place Asha Hyderabad Neelima班加罗尔读取的格式不正确。

<table class="table-base">
<thead>
    <tr>
      <th scope="col" tabindex="0">Name></th>
       <th scope="col" tabindex="0">Place</th>
    </tr>
</thead>
<tbody>
   <tr>
     <td tabindex="0">Asha</td>
     </td tabindex=0>Hyderabad</td>
   </tr>
    <tr>
     <td>Asha</td>
     </td>Bangalore</td>
   </tr>
</tbody>

Answer 1

我不确定这是否是您所需要的，但是如果您需要垂直表，则可以使用以下HTML格式。

table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
th, td {
  padding: 5px;
  text-align: left;
}

<table class="table-base">
  <tr>
    <th>Name</th>
    <td>Asha</td>
  </tr>
  <tr>
    <th>Place</th>
    <td>Hyderabad</td>
  </tr>
  <tr>
    <th>Name</th>
    <td>Neelima</td>
  </tr>
  <tr>
    <th>Place</th>
    <td>Bangalore</td>
  </tr>
</table>