Как читать таблицу, используя значение таблицы tabindex вместе с заголовком - PullRequest
Новая
       15

Как читать таблицу, используя значение таблицы tabindex вместе с заголовком

0 голосов
/ 21 января 2020

У меня есть таблица с использованием html

Имя | Место

Аша | Хайдарабад

Неэлима | Бангалор

Таким образом, читатель должен прочитать таким образом, что Имя Аша Плейс Хайдарабад Имя Нилима Плейс Бангалор

Я могу прочитать строку, подобную Name Place Аша Хайдарабад Нилима Бангалор, формат которой не соответствует читать. 

<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>

1 Ответ

0 голосов
/ 21 января 2020

Я не совсем уверен, что это именно то, что вам нужно, но если вам нужна вертикальная таблица, вы можете использовать следующий формат HTML. 

table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
th, td {
  padding: 5px;
  text-align: left;
}
/*Separates the rows belonging to different items*/
tr:nth-child(2n):not(:last-child) { /*change this depending on the amount of rows per item i.e. 3 rows -> 3n */
  border-bottom: 3px solid black;
}
<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>
...