css - border-left with 1px from the maintable -

I want to have a table on the left in the table here html

  .we table {border-color: #dcdcdc; Border-width: 1px; Border style: solid; }  

This table is for cell and contains the table

  border-left: 15px solid # 548dd4;  

My problem is that I want to leave a vertical line and this is not a straight line like this.

Now:

What do I need:

The problem arises from the fact that the boundaries get an angle so that unless you remove the boundary from the top, you can not get 'directly'.

As an alternative, you can add additional padding-left in the cell like inset box-shadow.

  Table (boundary-collapse: separate; border-spacing: 5px; margin: 1rem; text align: center;} table td {width: 50px; border color: black; border width : 1px; border-style: solid; padding: 50px; padding-left: 65px; position: relative;} table td {box-shadow: inset 15px 0 light blue;}  

  table class =" shadow "> gt; & gt; & lt; td & gt; aaa & lt; / td & gt; & lt; LT; TD & gt; aaa & lt; / TD & gt; & lt; TD & gt; aaa & lt; / TD & gt; & lt; / tr & gt; & lt; / table & gt;