Как объединить ячейки строки таблицы в один элемент для применения им свойства css?
Используй селектор :nth-child
Например, первые 2 элемента:table td:nth-child(-n+2) {
/**/
}
не совсем понятно сколько и как ячейки должны объединяться, но как для примера, можете растянуть псевдоэлемент с тенью и\или комбинировать другие эффекты, какие уже вам нужны.
https://codepen.io/anon/pen/gNMmVw
https://codepen.io/anon/pen/orLWPz