title: Add box-shadow to table column (top to bottom)?
body: <p><em>I have this simple table where if I click on a column - I need to make the whole chosen column ( from top to buttom ) as selected.</em></p>
  
  <p>I don't have a problem with colors or html  , but I do have a problem with the <code>box-shadow</code> css property.</p>
  
  <p>This is how it should look : </p>
  
  <p><img src="https://i.stack.imgur.com/tqMy3.jpg" alt="enter image description here"></p>
  
  <p>Please notice <code>"right-shadow"</code> and <code>"left-shadow"</code> (bottom- I don't care)</p>
  
  <p>But When I tried to make it ( <a href="http://jsbin.com/manacigi/5/edit" rel="noreferrer"><strong>JSBIN SAMPLE</strong></a>) via JQ : </p>
  
  <p><code>$("#tblPlan td:nth-child(2)").addClass('shadow')</code></p>
  
  <p>Where : </p>
  
  <pre><code>.shadow
  {
      box-shadow:0px 0px 10px  black;
  }
  </code></pre>
  
  <p>It applies it to all borders  ( <em>As it should obviously</em> ) (including inside ):</p>
  
  <p><img src="https://i.stack.imgur.com/2XfPZ.jpg" alt="enter image description here"></p>
  
  <p><strong>Question</strong></p>
  
  <p>How can I achieve to a solution where <strong>only</strong> left and right ( bottom I don't care) - will be shadowed ?</p>
  
  <p><a href="http://jsbin.com/manacigi/5/edit" rel="noreferrer"><strong>jsbin</strong></a></p>