tablesorter.html.php 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <?php if($extView = $this->getExtViewFile(__FILE__)){include $extView; return helper::cd();}?>
  2. <?php
  3. js::import($jsRoot . 'jquery/tablesorter/min.js');
  4. js::import($jsRoot . 'jquery/tablesorter/metadata.js');
  5. ?>
  6. <style>
  7. .tablesorter-header-inner {cursor: pointer;}
  8. .tablesorter-header-inner:hover {color: #000;font-weight:bold;}
  9. table.tablesorter tr.tablesorter-headerRow .header .tablesorter-header-inner:after {font-family: ZentaoIcon; font-weight: normal; content: "\f0dc"; font-size: 14px; color: #838a9c}
  10. table.tablesorter tr.tablesorter-headerRow .header.tablesorter-headerAsc .tablesorter-header-inner{color: #000;font-weight:bold;}
  11. table.tablesorter tr.tablesorter-headerRow .header.tablesorter-headerAsc .tablesorter-header-inner:after{content: "\f0d8"; color: #000;}
  12. table.tablesorter tr.tablesorter-headerRow .header.tablesorter-headerDesc .tablesorter-header-inner{color: #000;font-weight:bold;}
  13. table.tablesorter tr.tablesorter-headerRow .header.tablesorter-headerDesc .tablesorter-header-inner:after{content: "\f0d7"; color: #000;}
  14. table.tablesorter tr.tablesorter-headerRow .header.sorter-false .tablesorter-header-inner:after{content:"";}
  15. table.tablesorter.table-borderless > thead > tr > th {border-bottom: 1px solid #e5e5e5;}
  16. </style>
  17. <script>
  18. function sortTable(selector, options)
  19. {
  20. var $table = $(selector);
  21. $table.tablesorter($.extend(
  22. {
  23. saveSort: true,
  24. widgets: ['zebra', 'saveSort'],
  25. widgetZebra: {css: ['odd', 'even'] },
  26. ignoreChildRow: true,
  27. cssHeader: 'header'
  28. }, $table.data(), options)).on('mouseenter', 'tbody tr', function()
  29. {
  30. $(this).addClass('hoover');
  31. }).on('mouseleave', 'tbody tr', function()
  32. {
  33. $(this).removeClass('hoover');
  34. }).on('click', 'tbody tr', function()
  35. {
  36. $(this).toggleClass('clicked');
  37. });
  38. }
  39. $.fn.sortTable = function(options)
  40. {
  41. return this.each(function()
  42. {
  43. sortTable(this, options);
  44. });
  45. };
  46. /* sort table after page load. */
  47. $(function(){$('.tablesorter').sortTable();});
  48. </script>