фиксированная высота (таблица) со строками, которые переполняются во втором столбце

Question

Возможно, это невозможно? У меня есть таблица с 3 столбцами, как это https://jsfiddle.net/ryvL02de/ Я хотел бы, чтобы строки, переполняющие высоту до go во втором столбце с правой стороны, вместо этого.

Скорее всего, это возможно с div? Не реально ставить на стол решения

    <tr>
             <td>B-111-aaa</td>
             <td>08:00</td>
             <td>Firstname Lastname</td>
           </tr>
           <tr>
            <td>B-111-aaa</td>
            <td>08:15</td>
            <td>Firstname Lastname</td>
          </tr>

Answer 1

CSS : class - space.{white-space:pre-line}
<tr>
   <td class="space">B-111-aaa</td>
   <td>08:00</td>
   <td>Firstname Lastname</td>
   </tr>
<tr>
   <td class="space">B-111-aaa</td>
   <td>08:15</td>
   <td>Firstname Lastname</td>
 </tr>

Answer 2

Ваш вопрос выглядит запутанным. Если вы ищете, данные столбца не должны отображаться переполнения до следующего столбца. тогда вы можете использовать свойство стиля для столбца как style='min-width:100px'. Таким образом, данные автоматически отображаются в читаемом формате для пользователя в соответствующих столбцах.

Более чистый код может быть,

`

<style>
.fixed-width-Column{
   min-width:100px;
   text-align:left;
}
</style>

`

Ваш HTML:

`

<tr><th class="fixed-width-Column">NrAuto</th>
<th class="fixed-width-Column">Ora</th>
<th class="fixed-width-Column">Resp</th>
</tr>

`