表格中的树状连接器（HTML / CSS / Prototype）

Question

这是我的小提琴：http://jsfiddle.net/DmcEB/54/

我希望它看起来像这样：

代码应该足够聪明，知道它应该只在事件选择之后和游戏日期之前为行创建连接器。

Answer 1

[编辑]代码已调整为允许表格中的“lastindent”。

var lastCell,remember;
$$('.geniusPicks tr > td:first-child').slice(1,-1)
     .each(
       function(cell) {
         cell = $(cell);
         lastCell = (cell.innerHTML.match(/^@/)
                ? cell.addClassName('indent') 
                : void 0);
        if (remember &&
            remember.innerHTML.match(/^@/) && 
            !cell.innerHTML.match(/^@/)) {
           remember.addClassName('lastindent');
        }
       remember = cell;
});

请参阅jsfiddle