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

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -