Buttons aren't working properly in sortable - button

Question

So I'm working in a laravel project using The Argon Dashboard Pro bootstrap template. I'm trying to show user data from the database in a sortable, the data shows without a problem but when I'm trying to left click a link inside the table (to go to edit a user for example) nothing happens. I can right click the link and open it on a new page, but left click just does nothing. What am I doing wrong?
Here's the code:
<div class="header bg-primary pb-6"><!-- Page title -->
<div class="container-fluid">
<div class="header-body">
<div class="row align-items-center py-4">
<div class="col-lg-6 col-7">
<i class="ni ni-shop text-white"></i>
<h6 class="h2 text-white d-inline-block mb-0">Users</h6>
<nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
<ol class="breadcrumb breadcrumb-links breadcrumb-dark">
<li class="breadcrumb-item"><i class="ni ni-circle-08"></i></li>
<li class="breadcrumb-item">Users</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid mt--6">
<div class="row">
<div class="col">
<div class="card">
<!-- card header -->
<!-- Card header -->
<div class="card-header border-0">
<h4 class="card-title mb-0">
{{ __('labels.backend.access.users.management') }} <small class="text-muted">{{ __('labels.backend.access.users.active') }}</small>
</h4>
<!-- Import users -->
<div class="btn-toolbar float-right" role="toolbar" aria-label="#lang('labels.general.toolbar_btn_groups')">
<i class="fas fa-file-import"></i>
</div>
<!--Create new user-->
<div class="btn-toolbar float-right" role="toolbar" aria-label="#lang('labels.general.toolbar_btn_groups')">
<i class="fas fa-plus-circle"></i>
</div>
<!-- Search users -->
<form class="navbar-search navbar-search-light form-inline mr-sm-3 float-right" id="navbar-search-main">
<div class="form-group mb-0">
<div class="input-group input-group-alternative input-group-merge">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fas fa-search"></i></span>
</div>
<input class="form-control" placeholder="Search User" type="text">
</div>
</div>
<button type="button" class="close" data-action="search-close" data-target="#navbar-search-main" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</form>
</div>
<!-- Light table -->
<div class="table-responsive" data-toggle="list" data-list-values='["id", "name", "email", "role", "updated"]'>
<table class="table align-items-center table-flush">
<thead class="thead-light">
<tr>
<th scope="col" class="sort" data-sort="id">User ID</th>
<th scope="col" class="sort" data-sort="name">Name</th>
<th scope="col" class="sort" data-sort="email">E-mail Address</th>
<th scope="col" class="sort" data-sort="role">Role</th>
<th scope="col">Active</th>
<th scope="col" class="sort" data-sort="updated">Last Updated At</th>
<th scope="col">Actions</th>
</tr>
</thead>
<tbody class="list">
#foreach($users as $user)
<tr>
<td><span class="id mb-0 text-sm">{{ $user->id }}</span></td>
<td><span class="name mb-0 text-sm">{{ $user->first_name. ' ' .$user->last_name }}</span></td>
<td class="email mb-0 text-sm">{{ $user->email }}</td>
<td><span class="role mb-0 text-sm">[Role]</span></td>
<td>{{ $user->active == '1' ? 'Active' : 'Inactive'}}</td>
<td><span class="updated mb-0 text-sm">{{ $user->updated_at->diffForHumans() }}</span></td>
<td>
<i class="fas fa-edit" style="font-size:24px"></i>
<i class="fas fa-trash-alt" style="font-size:24px"></i>
</td>
</tr>
#endforeach
</tbody>
</table>
</div>
<!-- Card footer -->
<div class="card-footer py-4">
<nav aria-label="...">
<ul class="pagination justify-content-end mb-0">
<li class="page-item disabled">
<a class="page-link" href="#" tabindex="-1">
<i class="fas fa-angle-left"></i>
<span class="sr-only">Previous</span>
</a>
</li>
<li class="page-item active">
<a class="page-link" href="#">1</a>
</li>
<li class="page-item">
<a class="page-link" href="#">2 <span class="sr-only">(current)</span></a>
</li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item">
<a class="page-link" href="#">
<i class="fas fa-angle-right"></i>
<span class="sr-only">Next</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>

Answer 1

I can see js errors in the console when clicking on the dropdown actions on the right saying "bootstrap.bundle.min.js:6 Uncaught TypeError: Cannot read property 'nodeName' of undefined"
check argon-dashboard-pro-laravel.creative-tim.com/sortable
Temporary fix
Use
onclick="location.href = 'YOUR_LINKS_GOES_HERE';"
Example
//...
<td>
<i class="fas fa-edit" style="font-size:24px"></i>
<i class="fas fa-trash-alt" style="font-size:24px"></i>
</td>