Не знаю на сколько красиво (наляпал абы было быстро), но у меня, к примеру так:

<table class="table" style="width: 100%; table-layout: fixed;">
<thead>
<tr>
<th width="3%" style="vertical-align: bottom; text-align: center;"><small>№</small></th>
<th width="21%" style="vertical-align: bottom; text-align: center;"><small>Наименование доп. работы</small></th>
<th width="7%" style="vertical-align: bottom; text-align: center;"><small>Чел.-дн.</small></th>
<th width="11%" style="vertical-align: bottom; text-align: center;"><small>Должность</small></th>
<th width="10%" style="vertical-align: bottom; text-align: center;"><small>Постфикс</small></th>
<th width="5%" style="vertical-align: bottom; text-align: center;"><small>Тр. разр.</small></th>
<th width="5%" style="vertical-align: bottom; text-align: center;"><small>Доля, %</small></th>
<th width="6%" style="vertical-align: bottom; text-align: center;"><small>Удалить должность</small></th>
<th width="5%" style="vertical-align: bottom; text-align: center;"><small>Ср. тр. разряд</small></th>
<th width="5%" style="vertical-align: bottom; text-align: center;"><small>Тр. коэф.</small></th>
<th width="10%" style="vertical-align: bottom; text-align: center;"><small>Стоимость работы</small></th>
<th width="6%" style="vertical-align: bottom; text-align: center;"><small>Добавить должность</small></th>
<th width="6%" style="vertical-align: bottom; text-align: center;"><small>Удалить работу</small></th>
</tr>
</thead>
<tbody>
<!-- цикл по значениям в группе -->
<c:forEach items="${laborCosts.extraWork}" var="eWork">
<c:forEach items="${eWork.positionShares}" var="value" varStatus="counter">
<tr <c:if test="${counter.last}">style="border-bottom: 2px solid #ddd"</c:if>>
<c:if test="${counter.first}">
<td class="data-rowspan" rowspan="${eWork.sizeShares}" style="vertical-align: middle; text-align: center; border-bottom: 2px solid #ddd;">
<c:out value="${eWork.positionNumber}"></c:out>
</td>
<td rowspan="${eWork.sizeShares}" style="vertical-align: middle; text-align: center; border-bottom: 2px solid #ddd; word-wrap:break-word;">
<a href="#" class="job-title-editable" data-type="textarea" data-pk="${eWork.id}" data-name="jobTitle"><c:out value="${eWork.jobTitle}"></c:out></a>
</td>
</c:if>
<td style="vertical-align: middle; text-align: center;">
<a href="#" class="editable labor-intensity-editable" data-type="text" data-pk="${value.id}" data-name="laborIntensity"><fmt:formatNumber maxFractionDigits="6" type="number" value="${value.laborIntensity}"/></a>
</td>
<td style="vertical-align: middle; text-align: left;">
<a href="#" class="editable position-editable" data-type="select" data-pk="${value.id}" data-value="${value.tariffCategory.id}" data-name="position"></a>
</td>
<td style="vertical-align: middle; text-align: center;">
<a href="#" class="editable postfix-editable" data-type="text" data-pk="${value.id}" data-name="postfix"><c:out value="${value.postfix}"></c:out></a>
</td>
<td style="vertical-align: middle; text-align: center;"><fmt:formatNumber maxFractionDigits="6" type="number" value="${value.tariffCategory.tariffCharge}"/></td>
<td style="vertical-align: middle; text-align: center;"><fmt:formatNumber maxFractionDigits="6" type="number" value="${value.shareOfParticipation}"/></td>
<td valign="middle" style="vertical-align: middle; text-align: center;">
<button type="button" class="btn btn-default btn-xs" tabindex="-1" <c:if test="${eWork.sizeShares < 2}">disabled="disabled"</c:if> onclick="deletePosition(${value.id})">
<span class="glyphicon glyphicon-minus" aria-hidden="true"></span>
</button>
</td>
<c:if test="${counter.first}">
<td rowspan="${eWork.sizeShares}" style="vertical-align: middle; text-align: center; border-bottom: 2px solid #ddd;"><fmt:formatNumber maxFractionDigits="6" type="number" value="${eWork.averageRateCharge}"/></td>
<td rowspan="${eWork.sizeShares}" style="vertical-align: middle; text-align: center; border-bottom: 2px solid #ddd;"><fmt:formatNumber maxFractionDigits="6" type="number" value="${eWork.tariffCoefficient}"/></td>
<td rowspan="${eWork.sizeShares}" style="vertical-align: middle; text-align: center; border-bottom: 2px solid #ddd;"><fmt:formatNumber maxFractionDigits="6" type="number" value="${eWork.costOfWork}"/></td>
<td rowspan="${eWork.sizeShares}" style="vertical-align: middle; text-align: center; border-bottom: 2px solid #ddd;">
<button type="button" class="btn btn-default btn-xs" style="width: 100%" onclick="addNewPosition(${eWork.id})">
<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
</button>
</td>
<td rowspan="${eWork.sizeShares}" style="vertical-align: middle; text-align: center; border-bottom: 2px solid #ddd;">
<button type="button" class="btn btn-default btn-xs" tabindex="-1" style="width: 100%" onclick="deleteAdditionalWork(${eWork.id})">
<span class="glyphicon glyphicon-minus" aria-hidden="true"></span>
</button>
</td>
</c:if>
</tr>
</c:forEach>
</c:forEach>
<tr>
<td colspan="10" style="vertical-align: middle; text-align: right;">
Итого:
</td>
<td style="vertical-align: middle; text-align: center;">
<b><fmt:formatNumber maxFractionDigits="6" type="number" value="${laborCosts.cost}"/></b>
</td>
<td colspan="2" style="vertical-align: middle; text-align: center;"></td>
</tr>
</tbody>
</table>
Java
и, тем более,Spring
??? – not a Programmer 18 апр '19 в 11:30<table class="table">
– not a Programmer 18 апр '19 в 11:34