官网:http://tablesorter.com/docs/
下载相应的js文件:
http://jquery.com/
https://github.com/christianbach/tablesorter
demo:
<html> <head> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript" src="jquery.tablesorter.js"></script> <script> $(document).ready(function() { $("#myTable").tablesorter(); } ); </script> </head> <table border='1' id="myTable"> <thead> <tr> <th rowspan="3" style="text-align:center;">公司</th> <th colspan="4" style="text-align:center;">一月</th> <th colspan="4" style="text-align:center;">二月</th> </tr> <tr> <th colspan="2" style="text-align:center;">时均值</th> <th colspan="2" style="text-align:center;">日均值</th> <th colspan="2" style="text-align:center;">时均值</th> <th colspan="2" style="text-align:center;">日均值</th> </tr> <tr> <th style="text-align:center;">废水</th> <th style="text-align:center;">废气</th> <th style="text-align:center;">废水</th> <th style="text-align:center;">废气</th> <th style="text-align:center;">废水</th> <th style="text-align:center;">废气</th> <th style="text-align:center;">废水</th> <th style="text-align:center;">废气</th> </tr> </thead> <tr> <td class="company_td">河南省豫鹤同力水泥有限公司</td> <td style="text-decoration: underline; color: rgb(0, 0, 255);">1</td> <td style="text-decoration: underline; color: rgb(0, 0, 255);">2</td> <td style="text-decoration: underline; color: rgb(0, 0, 255);">3</td> <td style="text-decoration: underline; color: rgb(0, 0, 255);">4</td> <td style="text-decoration: underline; color: rgb(0, 0, 255);">5</td> <td style="text-decoration: underline; color: rgb(0, 0, 255);">6</td> <td style="text-decoration: underline; color: rgb(0, 0, 255);">7</td> <td style="text-decoration: underline; color: rgb(0, 0, 255);">8</td> <tr> <tr> <td class="company_td">河南省豫鹤同力水泥</td> <td style="text-decoration: underline; color: rgb(0, 0, 255);">13</td> <td style="text-decoration: underline; color: rgb(0, 0, 255);">23</td> <td style="text-decoration: underline; color: rgb(0, 0, 255);">34</td> <td style="text-decoration: underline; color: rgb(0, 0, 255);">45</td> <td style="text-decoration: underline; color: rgb(0, 0, 255);">55</td> <td style="text-decoration: underline; color: rgb(0, 0, 255);">6</td> <td style="text-decoration: underline; color: rgb(0, 0, 255);">7</td> <td style="text-decoration: underline; color: rgb(0, 0, 255);">82</td> <tr> </table> </html>