2016-10-09 3 views
-4

У меня есть таблица, теперь мне нужно вставить другую таблицу/div или stm в ту таблицу, которая у меня есть, поэтому она должна выглядеть как на прикрепленном изображении.Как добавить вторую таблицу внутри первичной таблицы ниже строки tr

table

Я сделал таблицу уже и не знаю, как вставить серый цвет таблицу ниже зеленой строки. Я попытался вставить таблицу внутри td, но это не сработает. Затем я делаю таблицу отображения div: table, она выглядит почти нормально, но выравнивание ячейки цены плохое. Как видите на картинке, все цены (300, 343, 300) должны быть одинаковыми.

Мне просто нужен простой пример того, как я мог это сделать, как показать на изображении. Моя таблица шириной: 100%;

Sry для без кода, просто нужен пример

+0

ли разместить свой код, пожалуйста. – SeinopSys

+0

Первое, что следует публиковать при размещении вопроса на SO - это код, который вы пытались решить, чтобы решить вашу проблему. Мы можем помочь вам исправить код, который не работает, но не записывать его для вас. Спасибо –

ответ

0

можно использовать, например, код сильфона для серой строки:

<tr> 
    <td></td> 
    <td colspan="8"> your gray table </td> 
    <td></td> 
</tr> 
+0

Да, это почти работает, но ячейки валют были не одного размера, поэтому я добавляю свойство width для обеих ячеек. –

0

Вот очень простой пример размещения таблицы в другую таблицу.

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<style> 
 
table, th, td { 
 
    border: 1px solid black; 
 
    border-collapse: collapse; 
 
} 
 
th, td { 
 
    padding: 5px; 
 
} 
 
</style> 
 
</head> 
 
<body> 
 

 
<table> 
 
    <tr> 
 
    <td>Table inside another table 
 
     <table> 
 
     <tr> 
 
      <td>A</td> 
 
      <td>B</td> 
 
     </tr> 
 
     <tr> 
 
      <td>C</td> 
 
      <td>D</td> 
 
     </tr> 
 
     </table> 
 
    </td> 
 
    </tr> 
 
</table> 
 

 
</body> 
 
</html>

Смежные вопросы