title: How to have this HTML table with rounded corners (Boostrap 4)?
body: <p>I've tried making this table's corners rounded, but none of the attempts was successful:</p>
  <p>Here's the <a href="https://jsfiddle.net/santosonit/wpkog0z4/27/#&amp;togetherjs=19BMSCeK8c" rel="nofollow noreferrer">Fiddle</a></p>
  <p>I've tried this answer's <a href="https://stackoverflow.com/a/47094043/11832197">approach</a>, tried using <code>table-bordered</code>, but none worked.</p>
  <p>Thanks for your help.</p>