JSFiddle - React, Tailwind, and code Playground
HTML
<button style="margin-bottom:10px;" onclick="selectLastRow();">Выделить последнюю строку</button>
<table class="MyTable">
<tr><td>Простая</td> <td>таблица без</td> <td>объединенных</td> <td>ячеек</td> </tr>
<tr><td> </td> <td></td> <td></td> <td></td> </tr>
<tr><td> </td> <td></td> <td></td> <td></td> </tr>
<tr><td> </td> <td></td> <td></td> <td></td> </tr>
</table>
<table class="MyTable">
<tr><td rowspan="2" colspan="2"></td> <td colspan="5">2015</td> </tr>
<tr><td>1 квартал</td> <td>2 квартал</td> <td>3 квартал</td> <td>4 квартал</td> <td rowspan="8">Еще одна<br>объединенная<br>ячейка</td> </tr>
<tr><td rowspan="2">Показатель 1</td> <td>План</td> <td></td> <td></td> <td></td> <td></td> </tr>
<tr><td>Факт</td> <td></td> <td></td> <td></td> <td></td> </tr>
<tr><td rowspan="2">Показатель 2</td> <td>План</td> <td></td> <td></td> <td></td> <td></td> </tr>
<tr><td>Факт</td> <td></td> <td colspan="2" rowspan="2">Объединение<br>в центре</td> <td></td> </tr>
<tr><td rowspan="3">Итого</td> <td>План</td> <td></td> <td></td> </tr>
<tr><td rowspan="2">Разница</td> <td> </td> <td></td> <td></td> <td></td> </tr>
<tr><td> </td> <td></td> <td></td> <td></td> </tr>
</table>
CSS
.MyTable {
border-collapse:collapse;
font:13px arial,sans-serif;
margin-bottom:15px;
}
.MyTable td {
text-align:center;
padding:3px;
border:1px solid #ddd;
}
.MyTable .LastRow {border-bottom:2px solid #888;}
JavaScript
function selectLastRow() {
var i=0, j=0, k=0;
var t = document.getElementsByClassName('MyTable');
for (k=0; k < t.length; k++) {
var cnt = t[k].rows.length;
for (i=0; i < cnt; i++) {
var td = t[k].rows[i].cells;
for (j=0; j < td.length; j++) {
if (td[j].rowSpan + i == cnt) {td[j].className = 'LastRow';}
}
}
}
}