Адаптивная таблица с подтаблицей в каждой строке. Как?

Здравствуйте. Есть интересная (по моему мнению) задача:
Имеем вот такую таблицу:
<table>
    <tr>
        <th>Заголовок 1</th>
        <td>
             <table>
                 <tr>
                     <th>короткий текст</th>
                     <td>короткий текст</td>
                 </tr>
            </table>
        </td>
    </tr>
    <tr>
        <th>Заголовок 1</th>
        <td>
             <table>
                 <tr>
                     <th>короткий текст</th>
                     <td>текст чуть длиннее</td>
                 </tr>
            </table>
        </td>
    </tr>
    <tr>
        <th>Заголовок 1</th>
        <td>
             <table>
                 <tr>
                     <th>оооочень приочень длинный текст</th>
                     <td>короткий текст</td>
                 </tr>
            </table>
        </td>
    </tr>
</table>


Проблема заключается в том, что ячейки вложенной таблицы не выравниваются относительно друг друга:
64a99-clip-22kb.jpg

Может у кого есть идеи, как побороть напасть?
Заранее спасибо :)
  • Вопрос задан
  • 221 просмотр
Решения вопроса 1
Takun
@Takun
Инженер
Пример:
table {
  table-layout: fixed;
  width: 100%;
}
td, th {
  width: 2%;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы