我正在开发一个MVC应用程序，我有一个cshtml页面，我有一个html表，我需要能够绘制一条垂直线（位于td列中的任何位置），该行跨越表的整个部分，子表。垂直线可以位于td部分的任何位置。不确定这是否重要，但我使用的是Bootstrap。我已经取出了bootstrap类引用，但我仍然有问题。请帮忙！
这是我的代码：
Here is my code:
<table class="table table-striped table-bordered table-condensed">
<tr style="vertical-align:central">
<td style="white-space:nowrap;width:130px"> </td>
<td style="white-space:nowrap;width:100px"> </td>
<td>Jan 2014 </td>
<td>Feb 2014 </td>
<td >Mar 2014</td>
<td>Apr 2014 </td>
<td>May 2014 </td>
<td>Jun 2014 </td>
</tr>
<tr>
<td style="white-space:nowrap"> </td>
<td style="white-space:nowrap">  </td>
<td colspan="6"
<table style="width:100%" >
<tr>
<td style="background-color:lightgray;height:10px;width:5.52%" title="01 Jan 2014 - 10 Jan 2014"></td>
<td style="background-color:lightgoldenrodyellow;height:10px;width:14.36%" title="11 Jan 2014 - 05 Feb 2014"></td>
<td style="background-color:lightgreen;height:10px;width:80.11%" title="06 Feb 2014 - 30 Jun 2014"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="1"> </td>
<td colspan="1"> </td>
<td colspan="181">
<table style="width:100%" >
<tr>
<td style="background-color:lightgray;height:10px;width:28.73%" title="01 Jan 2014 - 21 Feb 2014"></td>
<td style="background-color:lightblue;height:10px;width:33.15%" title="22 Feb 2014 - 23 Apr 2014"></td>
<td style="background-color:lightsalmon;height:10px;width:3.87%" title="23 Apr 2014 - 30 Apr 2014"></td>
<td style="background-color:yellowgreen;height:10px;width:33.15%" title="01 May 2014 - 30 Jun 2014"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="1 </td>
<td colspan="1"> </td>
<td colspan="181">
<table style="width:100%" >
<tr>
<td style="background-color:indianred;height:10px;width:100%" title="01 Jan 2014 - 30 Jun 2014"></td>
</tr>
</table>
</td>
</tr>
</table>