title: Style Table border only on table column in bootstrap?
body: <p>Given the following table html, I would like to style my table to have only border around table, and border across column excluding border across rows. </p>
  
  <p>Here is what I already have:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"&gt;
  
  &lt;table class="table-bordered"&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td style="width:30%"&gt;
          &lt;p&gt;The right-hand thumb "C"&lt;/p&gt;
        &lt;/td&gt;
        &lt;td style="width:30%"&gt;
          &lt;p&gt;Right-handed thumb "B"&lt;/p&gt;
        &lt;/td&gt;
        &lt;td style="width:30%"&gt;
          &lt;p&gt;Representatives of "A"&lt;/p&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;
          &lt;p&gt;You pay the mortgage&lt;/p&gt;
        &lt;/td&gt;
        &lt;td&gt;
          &lt;p&gt;Borrower (Please note: we have actually received the correct merchandise from the supplier)&lt;/p&gt;
        &lt;/td&gt;
        &lt;td&gt;
          &lt;p&gt;Signature and stamp&lt;/p&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;
          &lt;p&gt;Name ..................... ..&lt;/p&gt;
        &lt;/td&gt;
        &lt;td&gt;
          &lt;p&gt;Seang Chhay and Song Heng&lt;/p&gt;
        &lt;/td&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>As here is I tried to accomplish is like below:</p>
  
  <p><a href="https://i.stack.imgur.com/BLq5a.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BLq5a.png" alt="Table have border only across column"></a></p>
  
  <p>Which bootstrap style and CSS style I could add to archive above result? Thanks.</p>