Datatables
Sorting icons showing both at the same time.
HTML
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdn.datatables.net/v/bs4/dt-1.10.20/datatables.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/v/bs4/dt-1.10.20/datatables.min.css">
<div class="container">
<div class="row">
<div class="col-12">
<table class="table table-sm table-striped" id="myTable" data-order='[[ 0, "asc" ]]'>
<thead class="thead-dark">
<tr>
<th>Courses</th>
<th>Instructors</th>
</tr>
</thead>
<tbody>
<tr>
<td>ACCTG 5110-001</td>
<td>STUBBEN,STEPHEN</td>
</tr>
<tr>
<td>ACCTG 5310-001</td>
<td>JEFFS,PHILIP D</td>
</tr>
<tr>
<td>ACCTG 5120-001</td>
<td>HENRIKSEN,JOHN BRENT</td>
</tr>
<tr>
<td>ACCTG 5120-002</td>
<td>HENRIKSEN,JOHN BRENT</td>
</tr>
<tr>
<td>ACCTG 5210-002</td>
<td>SILVERS,ROGER NELSON</td>
</tr>
<tr>
<td>ACCTG 6300-001</td>
<td>PICKETT,SCOTT WARREN</td>
</tr>
<tr>
<td>ACCTG 6610-003</td>
<td>WITT,MARY PAIGE</td>
</tr>
<tr>
<td>ACCTG 6000-001</td>
...
JavaScript
$('#myTable').DataTable({
paging: false,
language: {
search: '',
searchPlaceholder: "Search..."
},
dom: "<'row mt-5'<'col-3'<'#table-title'>><'col-3'f>>" +
"<'row'<'col-6't>>"
});