My code all works except the theme instructions to tablesorter. I have put the themes in a CSS folder inside the tablesorter js. I appreciate your help if you can help me. Here is my code:
<table id="dtTable" class="table table-bordered table-responsive">
<thead>
<tr>
<th align="center">#</th>
<th>Desc</th>
<th colspan="2" align="center">Action</th>
</tr>
</thead>
<tbody>
<?php $query="SELECT * FROM eth" ; $records_per_page=10; $newquery=$ eth->paging($query,$records_per_page); $eth->dataview($newquery); ?>
<tbody class "do-not-sort tablesorter-no-sort">
<tr>
<td colspan="7" align="center">
<div class="pagination-wrap">
<?php $eth->paginglink($query,$records_per_page); ?></div>
</td>
</tr>
</tbody>
</tbody>
</table>
<script type="text/javascript">
$(function() {
$("#dtTable").tablesorter()
selectorSort: "th, td"
selectorRemove: "tr.do-not-sort"
theme: "jui"
});
</script>
Thank you
When using Bootstrap or jQuery UI styling, you'll need the "uitheme" widget to manage the class names (demo).
Page Header
Script
The "uitheme" widget is contained in the
jquery.tablesorter.widgets.js
file and needs to be included in thewidgets
option along with an{icon}
pattern in theheaderTemplate
.