可排序列细线框表格

<html>
<head>
<title>sorttable</title>
<style type="text/css">
table{
    border:1px solid #CCC;
    border-collapse:collapse;
    }
th,td{
    border:1px solid #CCC;
    padding:5px;
    }
th{
    background:yellow;
    cursor:pointer;
    }
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.tablesorter.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('table').tablesorter();
    });
</script>

</head>
<body>
<table>
<thead>
  <tr>
    <th>Product</th>
    <th>Cost</th>
    <th>Inventory</th>
    <th>Weight</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>Ultra-Glow Hair Spray</td>
    <td>$20.00</td>
    <td>in stock</td>
    <td>.5</td>
  </tr>
  <tr>
    <td>Anodyne 3000</td>
    <td>$495.00</td>
    <td>back order</td>
    <td>350</td>
  </tr>
  <tr>
    <td>Big Foot Hair Dryer</td>
    <td>$55.00</td>
    <td>in stock</td>
    <td>2</td>
  </tr>
  <tr>
    <td>Cat Out of The Hat</td>
    <td>$15.00</td>
    <td>back order</td>
    <td>15</td>
  </tr>
  <tr>
    <td>Tickle Me Elmo</td>
    <td>$67.00</td>
    <td>in stock</td>
    <td>3</td>
  </tr>
</tbody>
</table>
</body>
</html>

优质内容筛选与推荐>>
1、c/c++关键字：static
2、python作业高级FTP（第八周）
3、什么是<!DOCTYPE html>及<!DOCTYPE html>的重要性？
4、算法练习（2）一行字符串，找到其中的小写字母，并按照字母在字符串中的先后顺序输入，并在字母后附上字母出现的次数
5、【笔试面试】75道逻辑推理题及答案

0 │ 收藏 │ 举报

朋友将在看一看看到

分享想法到看一看