Как исправить стиль в таблице?

Question

[Анатолий]

Если в таблице применяется объединение ячеек, то скругление угла не там, где надо.
Как исправить?

код тут
--------
Все ячейки таблицы имеют цвет фона. В примере фон убран для простоты понимания.
Почему я не делаю просто скругление таблицы? Потому рамка скругляется, но фон выезжает и образует прямоугольник.
Возможно я что-то не так делал, возможно ваш вариант сработает.
Ищу CSS решение, но и JS решению буду рад.

----------------------
Вопрос закрываю, написал 7 строчек на JS стало все нормально.

Answer 1

[Анатолий]

var elems_tr = document.getElementsByTagName('table')[0].getElementsByTagName('tr');
for (var b = 0; b < elems_tr.length; b++) {
  var elems_td = elems_tr[b].getElementsByTagName('td');
  if ( (elems_td[0]) && (elems_td[0].hasAttribute('rowspan')) ) {
    if ( elems_tr.length - b <= elems_td[0].getAttribute('rowspan') ) {
      elems_td[0].style.borderBottomLeftRadius = "7px";
      elems_tr[elems_tr.length - 1].getElementsByTagName('td')[0].style.borderBottomLeftRadius = "0";
    }
  }
}

Answer 2

[RedBubble]

Скругление угла у тебя как раз там где надо, ты просто не к той ячейке обращался.
так?
https://codepen.io/dntPanic/pen/jjBRxo

Comments

[Анатолий]

да так, но у меня n-е количество таблиц, нужно универсальное решение
пользователи в код лесть не будут, надо чтобы все работало из "коробки"

[Анатолий]

Моя верстка верна, если нет объединения ячеек. Если объединить ячейки - косячит.

[RedBubble]

Вопрос изначальный тогда переделай, чтобы другим понятней было. А то в нем у тебя уголок не скругляется, а на деле тебе нужно универсальное решение под любое количество ячеек.

[Анатолий]

Я думал это априори понятно.

[Роман]

Анатолий, как и говорил, это достаточно просто делается на js, на css универсального решения на мой взгляд не получить, (могу конечно и ошибаться, давно нововведения не отслеживаю)))