title: Antd - How to make rounded borders for Table rows?
body: <p>I am using antd table for reactjs application.</p>
  <p>I created <a href="https://codesandbox.io/s/antd-table-rounded-border-row-vcnlh" rel="noreferrer">Sandbox</a> here for you to make changes.
  Can anyone help me make rows with rounded borders like below image?</p>
  <p>Expected :
  <a href="https://i.stack.imgur.com/at3zJ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/at3zJ.png" alt="enter image description here" /></a></p>
  <p>I have tried adding  <code>rowClassName={() =&gt; &quot;rowClassName1&quot;}</code> with border related css but borders won't show up.</p>