без таблицы стилей форматируется с помощью rowspan. это можно увидеть на изображении один. Но когда я добавляю полосу прокрутки, раскомментируя стили [т.е. добавляя стили, связанные с полосой прокрутки], появляется rowspan go away.but полоса прокрутки. это можно увидеть на изображении2. Мне нужно включить полосу прокрутки с размахом строк.
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Scroll</title>
<style>
table, tr td,th {
border: 1px solid red
}
/*
tbody {
display: block;
height: 80px;
overflow: auto;
}
thead, tbody tr {
display: table;
width: 100%;
table-layout: fixed;
}
thead {
width: calc( 100% - 1em )
}
table {
width: 400px;
}*/
</style>
</head>
<body>
<div> <table>
<thead>
<tr>
<th>Name</th>
<th>phone</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">AAAA</td><td>111</td>
</tr>
<tr>
<td>222</td>
</tr>
<tr>
<td rowspan="3">AAAA</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
</tr>
<tr>
<td>3</td>
</tr>
<tr>
<td>CCCCC</td>
<td>3435656</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
без полосы прокрутки: РАБОТА со строкой
с полосой прокрутки: ряд строк НЕ РАБОТАЕТ
