Ячейка таблицы привязок <td>в столбце <th> - PullRequest
Новая
       2

Ячейка таблицы привязок <td>в столбце <th>

0 голосов
/ 25 марта 2020

У меня есть небольшое определение таблицы 

<table>
    <thead>
        <tr>
            <th id="name">Name</th>
            <th id="email">Email</th>
            <th id="phone">Phone</th>
            <th id="addr">Address</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td headers="name">John Doe</td>
            <td headers="addr">Rosevn 56,4300 Sandnes,Norway</td>
            <td headers="phone">+45342323</td>
            <td headers="email">john@doe.com</td>
        </tr>
        <tr>
            <td headers="name">Jane Doe</td>
            <td headers="addr">Rosevn 56,4300 Sandnes,Norway</td>
            <td headers="email">jane@doe.com</td>
        </tr>
    </tbody>
</table>

Так что я ожидаю, что результат будет выглядеть примерно так (<td> s привязаны к <th> s id: 

+----------+--------------+-----------+-----------+
| Name     | E-Mail       | Phone     | Address   |
+----------+--------------+-----------+-----------+
| John Doe | john@doe.com | +45342323 | Rosevn 56 |
+----------+--------------+-----------+-----------+
| Jane Doe | jane@doe.com |           | Rosevn 56 |
+----------+--------------+-----------+-----------+

Однако это будет выглядеть так: 

+----------+-----------+--------------+--------------+
| Name     | E-Mail    | Phone        | Address      |
+----------+-----------+--------------+--------------+
| John Doe | Rosevn 56 | +45342323    | john@doe.com |
+----------+-----------+--------------+--------------+
| Jane Doe | Rosevn 56 | jane@doe.com |              |
+----------+-----------+--------------+--------------+

Есть ли способ связать <td> с <th> с? И можно ли пропустить некоторые <td> с? Дополнительно Хотелось бы узнать, можно ли объявить <td> s в порядке, отличном от порядка в <thead>.

...