jquery - tablesorter themes not working -
my code works except theme instructions tablesorter. have put themes in css folder inside tablesorter js. appreciate if can me. here 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 * 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 "uitheme" widget manage class names (demo).
page header
<!-- ui theme stylesheet - contents shown below --> <link rel="stylesheet" href="../css/theme.jui.css"> <!-- jquery ui theme (cupertino example here) --> <link rel="stylesheet" href="css/jquery-ui.min.css"> <!-- tablesorter plugin --> <script src="../js/jquery.tablesorter.js"></script> <!-- tablesorter widget file - loaded after plugin --> <script src="../js/jquery.tablesorter.widgets.js"></script>
script
$(function () { $('table').tablesorter({ theme: 'jui', headertemplate: '{content}{icon}', widgets: ['zebra', 'uitheme'] }); });
the "uitheme" widget contained in jquery.tablesorter.widgets.js
file , needs included in widgets
option along {icon}
pattern in headertemplate
.
Comments
Post a Comment