Html表格布局设计

Question

这是否可以像这张照片一样制作表格。我们可以在两个单元格之间画线。如果可能，请提出建议。表格突出显示的单元格之间是显示开始和结束日期的任务。我们可以像HTML或j查询中的这个图像一样链接这两个单元格。

Answer 1

一种解决方案是使用像JSPlumb这样的库，用于将div元素相互连接。

<div id="source"></div>
<div id="target"></div>

<script>
jsPlumb.ready(function() {
   jsPlumb.connect({
        source:$('#source'),
        target:$('#target'),
        anchors: ["Right", "Left"],
        connector: ["Flowchart"]
    }); 
});
</script>

看到这个小提琴（我已经为每个单元格添加了div以便能够更好地设置样式）

http://jsfiddle.net/nm6sfg6y/1/