bootstrap 4 tab show code example

Example 1: bootstrap nav tabs

<!-- Bootstrap 5 Nav tabs -->
<ul class="nav nav-pills nav-fill">
   <li class="nav-item">
      <a class="nav-link active" aria-current="page" href="#">Active</a>
   </li>
   <li class="nav-item">
      <a class="nav-link" href="#">Much longer nav link</a>
   </li>
   <li class="nav-item">
      <a class="nav-link" href="#">Link</a>
   </li>
   <li class="nav-item">
      <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true"
         >Disabled</a
      >
   </li>
</ul>

Example 2: datatble tab bootstrap 4

$(document).on('shown.bs.tab', 'a[data-toggle="tab"]', function (e) {
                $.fn.dataTable.tables({ visible: true, api: true }).columns.adjust();
            });