如何用rowpans做斑马桌

Question

此CSS代码

tbody tr:nth-child(even) {
    background:#eee;
}

或这个JS + CSS代码

$("tr:odd").addClass("odd");

.odd {
   background: #ccc;
}

产生这种斑马表效果：

但是如何实现以下斑马表效果？

这里有一些示例代码：https://jsfiddle.net/61bup2Lr/