Bootstrap sidebar not linking to desired page

  bootstrap-4, html, php

I have a bootstrap side bar, however this side bar is working fine on all of the webpages but just this one webpage which contain datatable is making my sidebar malfunctioning.

When i click on the dropdown list, there will be one # sign behind my original url.

Is it something with my webpage ?

For example

Sidebar Code Bootstrap

    <li class="has-sub">
                            <a class="js-arrow" href="#">
                                <i class="fas fa-list"></i>Basic Tools/Standard Enquiry
                                <span class="arrow">
                                    <i class="fas fa-angle-down"></i>
                            <ul class="list-unstyled navbar__sub-list js-sub-list">
                                <a href="basicinfoOTHER.php">
                                    <i class="fas fa-sign-in-alt"></i>Basic Tools/Standard Informations</a>
                                <a href="toolHistoryOTHER.php">
                                    <i class="fas fa-sign-in-alt"></i>Tool/Standard Search List</a>

Source: Ask PHP