zoukankan      html  css  js  c++  java
  • 表格排序插件tablesorter的初步使用介绍

    官网: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>
    

      

  • 相关阅读:
    使用Python连接redis(redis作MQ使用)_Tister的空间_百度空间
    LTTng 2.0 Downloads | LTTng Project
    How to capture stdout in realtime with Python « SaltyCrane Blog
    python的线程锁机制_dominic_80ChinaUnix博客
    Collective Intelligence实战/阿拉克(Satnam Alag)图书卓越亚马逊 [集体智慧编程]
    查IP
    沃尔玛控股中国1号店
    HeidiSQL MySQL made easy
    groovy学习7groovy sql 雪霁霜飞 博客园
    数据集 (DataSet) groovy
  • 原文地址:https://www.cnblogs.com/liangping/p/7793216.html
Copyright © 2011-2022 走看看