Can't make rounded corners with bootstrap class for table

I'm using bootstrap for table and can't make rounded borders.

For some reason, it doesn't make them table rounded. How I can fix that?


<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">

<table class="table table-bordered bg-white rounded">
<thead class="mid-purple-bg rounded-top">
<tr>
<th class="col-lg-1 w-50">Code</th>
<th class="col-lg-10">Name</th>
<th class="col-lg-1 w-50">Plan</th>
</tr>
</thead>
<tbody>
<tr class="active-link" style="font-size: 16px;" tabindex="0" ng-reflect-router-link="">
<td>test</td>
<td>test2</td>
<td>test3</td>
</tr>
</tbody>
</table>

Continue reading...