The navigation loads correctly at employee.php. I am using bootstrap 5 navigation structure that consist of class="tab-pane fade". When I am on employee.php the code changes to class="tab-pane fade show active".

When I edit a record and save the changes, the url changes example - http:..../pages/tables/table-employee.php?id=807. Because of the php?id=807, the class="tab-pane fade" is not show active. Therefore the navigation will not load correctly.

I edit the URL to: table-employee.php?id=". If the id is 0, how do I have the URL table-employee.php?

Not sure how to solve the issue. Thanks Please see code below:

<div class="tab-pane fade" id="pills-tables">
  <div class="list-group list-group-flush">
     <div class="list-group-item">
      <div class="d-flex w-100 justify-content-between">
       <h5 class="mb-0">Tables</h5>
      </div>
       <small class="mb-0">Some placeholder content</small>
     </div>
       <a href="<?php echo $name; ?>pages/tables/table.php" class="list-group-item"><i class="bi bi-table"></i> Basic Tables</a>
       <a href="<?php echo $name; ?>pages/tables/table-employee.php" class="list-group-item"><i class="bi bi-graph-up"></i> Employee Table</a>
  </div>
</div>