table 按列进行排序

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>行业对比--价值分析比较</title>
    <style type="text/css">
    body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	 
	font:12px "宋体"; 
}
a:link {
	font-family: Verdana;
	font-size: 8.5pt;
	color: #333333;
	text-decoration: none;
}
a:visited {
	font-family: Geneva;
	font-size: 8.5pt;
	color: #333333;	
	text-decoration: none;
}
a:hover {
	font-family: Verdana;
	font-size: 8.5pt;
	color:red;
	text-decoration: underline;
}
table 
{
    font:12px "宋体"; 
}
 .back1
{
	background-image: url(images/tbbg2.gif);
	background-repeat: repeat-x;
	border: 1px solid #CCCCCC;
        background-position: bottom;
}
.caption {
	color: #026AAB;
	font-weight: bold;
}
.maintable1
{
	background-color:#377EBD;
	font-weight: bold;
	color: #FFFFFF;	
	text-align:center;
	 
}
 .maintable2
{
	background-color:#E8F0FF;
	font-weight: bold;	
	text-align:center;
}
 </style>
</head>
<body οnlοad="javascript:HTMLLoad('A000','000001');">
    <div>
        <!--下拉列表-->
        <div>
            <table class="back1" border="0" cellspacing="0" cellpadding="2" width="100%">
                <tbody>
                    <tr>
                        <td width="1%" nowrap align="left">
                            行业</td>
                        <td width="1%" nowrap align="left">
                            <select style="width: 150px" id="drpIndustry" name="drpIndustry" οnchange="javascript:OnChange('000001');">
                                <option value="A000">Vsat行业</option>
                                <option value="Z000">证监会行业</option>
                                <option value="S100">申银万国一级行业</option>
                                <option value="S200">申银万国二级行业</option>
                                <option value="S300">申银万国三级行业</option>
                            </select>
                                </td>
                        <td width="1%">
                            <input type="button" value="确定" /></td>
                        <td>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <!--标题-->
        <div>
            <table border="0" cellspacing="0" cellpadding="0">
                <tbody>
                    <tr>
                        <td class="caption" nowrap align="left">
                            价值分析(商业银行业)</td>
                        <td nowrap>
                                点击列标题可以排序</td>
                        <td id="tdSecCode" class="caption" width="100%" align="right">
                            000001[深发展 A]</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <!--数据正文-->
        <div>
            <table style="border-bottom: #cccccc 1px solid; width: 100%" id="tbValue" cellspacing="1"
                cellpadding="4">
                <thead>
                    <tr class="maintable1">
                        <td style="width: 1%" rowspan="2" nowrap>
                            排名</td>
                        <td style="width: 9%" οnclick="sortTable('tbValue', 1,'int')" rowspan="2" nowrap>
                            代码
                        </td>
                        <td style="width: 9%" οnclick="sortTable('tbValue', 2)" rowspan="2" nowrap>
                            简称
                        </td>
                        <td style="width: 9%" οnclick="sortTable('tbValue', 3,'date')" rowspan="2" nowrap>
                            最新日期
                        </td>
                        <td style="width: 9%" οnclick="sortTable('tbValue', 4,'float')" rowspan="2" nowrap>
                            最新<br>
                            收盘价<br>
                            (元)
                        </td>
                        <td style="width: 9%" οnclick="sortTable('tbValue', 5,'float')" rowspan="2" nowrap>
                            涨跌幅<br>
                            (%)
                        </td>
                        <td style="width: 11%" οnclick="sortTable('tbValue', 6,'float')" rowspan="2" nowrap>
                            总市值<br>
                            (亿元)</td>
                        <td style="width: 11%" οnclick="sortTable('tbValue', 7,'float')" rowspan="2" nowrap>
                            流通市值<br>
                            (亿元)
                        </td>
                        <td style="width: 18%" colspan="3" nowrap>
                            每股收益</td>
                        <td style="width: 18%" colspan="3" nowrap>
                            市盈率PE</td>
                        <td style="width: 9%" οnclick="sortTable('tbValue', 14,'float')" rowspan="2" nowrap>
                            市净率<br>
                            PB<br>
                            (MRQ)
                        </td>
                        <td style="width: 9%" οnclick="sortTable('tbValue', 15,'float')" rowspan="2" nowrap>
                            市现率<br>
                            PCF<br>
                            (TTM)
                        </td>
                        <td style="width: 9%" οnclick="sortTable('tbValue', 16,'float')" rowspan="2" nowrap>
                            市销率<br>
                            PS<br>
                            (TTM)
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 9%" class="maintable2" nowrap>
                            <a href="javascript:sortTable('tbValue', 8,'float')">TTM</a></td>
                        <td style="width: 9%" class="maintable2" nowrap>
                            <a href="javascript:sortTable('tbValue', 9,'float')">2011E</a></td>
                        <td style="width: 9%" class="maintable2" nowrap>
                            <a href="javascript:sortTable('tbValue', 10,'float')">2012E</a></td>
                        <td style="width: 9%" class="maintable2" nowrap>
                            <a href="javascript:sortTable('tbValue', 11,'float')">TTM</a></td>
                        <td style="width: 9%" class="maintable2" nowrap>
                            <a href="javascript:sortTable('tbValue', 12,'float')">2011E</a></td>
                        <td style="width: 9%" class="maintable2" nowrap>
                            <a href="javascript:sortTable('tbValue', 13,'float')">2012E</a></td>
                    </tr>
                </thead>
                <tr height='16' bgcolor='#f2f2f2'>
                    <td nowrap align='center'>
                        1</td>
                    <td nowrap align='right'>
                        601998</td>
                    <td nowrap align='right'>
                        中信银行</td>
                    <td nowrap align='right'>
                        2011-08-23</td>
                    <td nowrap align='right'>
                        4.5200</td>
                    <td nowrap align='right'>
                        3.43</td>
                    <td nowrap align='right'>
                        2114.79</td>
                    <td nowrap align='right'>
                        1432.45</td>
                    <td nowrap align='right'>
                        0.36</td>
                    <td nowrap align='right'>
                        0.88</td>
                    <td nowrap align='right'>
                        1.16</td>
                    <td nowrap align='right'>
                        12.64</td>
                    <td nowrap align='right'>
                        5.12</td>
                    <td nowrap align='right'>
                        3.90</td>
                    <td nowrap align='right'>
                        1.49</td>
                    <td nowrap align='right'>
                        -6.35</td>
                    <td nowrap align='right'>
                        6.12</td>
                </tr>
                <tr height='16'>
                    <td nowrap align='center'>
                        2</td>
                    <td nowrap align='right'>
                        600015</td>
                    <td nowrap align='right'>
                        华夏银行</td>
                    <td nowrap align='right'>
                        2011-08-23</td>
                    <td nowrap align='right'>
                        10.7100</td>
                    <td nowrap align='right'>
                        3.38</td>
                    <td nowrap align='right'>
                        733.61</td>
                    <td nowrap align='right'>
                        449.82</td>
                    <td nowrap align='right'>
                        0.80</td>
                    <td nowrap align='right'>
                        1.21</td>
                    <td nowrap align='right'>
                        1.51</td>
                    <td nowrap align='right'>
                        13.35</td>
                    <td nowrap align='right'>
                        8.82</td>
                    <td nowrap align='right'>
                        7.09</td>
                    <td nowrap align='right'>
                        1.43</td>
                    <td nowrap align='right'>
                        -5.48</td>
                    <td nowrap align='right'>
                        4.48</td>
                </tr>
                <tr height='16' bgcolor='#f2f2f2'>
                    <td nowrap align='center'>
                        3</td>
                    <td nowrap align='right'>
                        600016</td>
                    <td nowrap align='right'>
                        民生银行</td>
                    <td nowrap align='right'>
                        2011-08-23</td>
                    <td nowrap align='right'>
                        5.7700</td>
                    <td nowrap align='right'>
                        3.22</td>
                    <td nowrap align='right'>
                        1541.44</td>
                    <td nowrap align='right'>
                        1303.30</td>
                    <td nowrap align='right'>
                        0.48</td>
                    <td nowrap align='right'>
                        0.84</td>
                    <td nowrap align='right'>
                        1.01</td>
                    <td nowrap align='right'>
                        12.15</td>
                    <td nowrap align='right'>
                        6.89</td>
                    <td nowrap align='right'>
                        5.70</td>
                    <td nowrap align='right'>
                        1.43</td>
                    <td nowrap align='right'>
                        6.75</td>
                    <td nowrap align='right'>
                        3.46</td>
                </tr>
                <tr height='16'>
                    <td nowrap align='center'>
                        4</td>
                    <td nowrap align='right'>
                        002142</td>
                    <td nowrap align='right'>
                        宁波银行</td>
                    <td nowrap align='right'>
                        2011-08-23</td>
                    <td nowrap align='right'>
                        10.2700</td>
                    <td nowrap align='right'>
                        3.11</td>
                    <td nowrap align='right'>
                        296.17</td>
                    <td nowrap align='right'>
                        254.11</td>
                    <td nowrap align='right'>
                        0.61</td>
                    <td nowrap align='right'>
                        1.08</td>
                    <td nowrap align='right'>
                        1.32</td>
                    <td nowrap align='right'>
                        16.77</td>
                    <td nowrap align='right'>
                        9.54</td>
                    <td nowrap align='right'>
                        7.75</td>
                    <td nowrap align='right'>
                        2.06</td>
                    <td nowrap align='right'>
                        -1.15</td>
                    <td nowrap align='right'>
                        8.20</td>
                </tr>
                <tr height='16' bgcolor='#f2f2f2'>
                    <td nowrap align='center'>
                        5</td>
                    <td nowrap align='right'>
                        601166</td>
                    <td nowrap align='right'>
                        兴业银行</td>
                    <td nowrap align='right'>
                        2011-08-23</td>
                    <td nowrap align='right'>
                        13.0700</td>
                    <td nowrap align='right'>
                        3.08</td>
                    <td nowrap align='right'>
                        1409.78</td>
                    <td nowrap align='right'>
                        1409.78</td>
                    <td nowrap align='right'>
                        1.93</td>
                    <td nowrap align='right'>
                        3.38</td>
                    <td nowrap align='right'>
                        4.09</td>
                    <td nowrap align='right'>
                        6.76</td>
                    <td nowrap align='right'>
                        3.86</td>
                    <td nowrap align='right'>
                        3.20</td>
                    <td nowrap align='right'>
                        0.94</td>
                    <td nowrap align='right'>
                        52.38</td>
                    <td nowrap align='right'>
                        4.98</td>
                </tr>
                <tr height='16'>
                    <td nowrap align='center'>
                        6</td>
                    <td nowrap align='right'>
                        601009</td>
                    <td nowrap align='right'>
                        南京银行</td>
                    <td nowrap align='right'>
                        2011-08-23</td>
                    <td nowrap align='right'>
                        8.2500</td>
                    <td nowrap align='right'>
                        2.36</td>
                    <td nowrap align='right'>
                        244.94</td>
                    <td nowrap align='right'>
                        244.94</td>
                    <td nowrap align='right'>
                        0.61</td>
                    <td nowrap align='right'>
                        1.03</td>
                    <td nowrap align='right'>
                        1.27</td>
                    <td nowrap align='right'>
                        13.58</td>
                    <td nowrap align='right'>
                        7.99</td>
                    <td nowrap align='right'>
                        6.50</td>
                    <td nowrap align='right'>
                        1.37</td>
                    <td nowrap align='right'>
                        8.10</td>
                    <td nowrap align='right'>
                        7.26</td>
                </tr>
                <tr height='16' bgcolor='#f2f2f2'>
                    <td nowrap align='center'>
                        7</td>
                    <td nowrap align='right'>
                        600000</td>
                    <td nowrap align='right'>
                        浦发银行</td>
                    <td nowrap align='right'>
                        2011-08-23</td>
                    <td nowrap align='right'>
                        9.1800</td>
                    <td nowrap align='right'>
                        2.23</td>
                    <td nowrap align='right'>
                        1712.39</td>
                    <td nowrap align='right'>
                        1369.91</td>
                    <td nowrap align='right'>
                        1.00</td>
                    <td nowrap align='right'>
                        1.63</td>
                    <td nowrap align='right'>
                        1.97</td>
                    <td nowrap align='right'>
                        9.17</td>
                    <td nowrap align='right'>
                        5.63</td>
                    <td nowrap align='right'>
                        4.67</td>
                    <td nowrap align='right'>
                        1.15</td>
                    <td nowrap align='right'>
                        5.53</td>
                    <td nowrap align='right'>
                        5.09</td>
                </tr>
                <tr height='16'>
                    <td nowrap align='center'>
                        8</td>
                    <td nowrap align='right'>
                        601169</td>
                    <td nowrap align='right'>
                        北京银行</td>
                    <td nowrap align='right'>
                        2011-08-23</td>
                    <td nowrap align='right'>
                        9.2500</td>
                    <td nowrap align='right'>
                        2.10</td>
                    <td nowrap align='right'>
                        576.05</td>
                    <td nowrap align='right'>
                        576.05</td>
                    <td nowrap align='right'>
                        0.77</td>
                    <td nowrap align='right'>
                        1.27</td>
                    <td nowrap align='right'>
                        1.51</td>
                    <td nowrap align='right'>
                        12.05</td>
                    <td nowrap align='right'>
                        7.31</td>
                    <td nowrap align='right'>
                        6.11</td>
                    <td nowrap align='right'>
                        1.35</td>
                    <td nowrap align='right'>
                        10.81</td>
                    <td nowrap align='right'>
                        5.89</td>
                </tr>
                <tr height='16' bgcolor='#f2f2f2'>
                    <td nowrap align='center'>
                        9</td>
                    <td nowrap align='right'>
                        600036</td>
                    <td nowrap align='right'>
                        招商银行</td>
                    <td nowrap align='right'>
                        2011-08-23</td>
                    <td nowrap align='right'>
                        11.7700</td>
                    <td nowrap align='right'>
                        1.82</td>
                    <td nowrap align='right'>
                        2539.57</td>
                    <td nowrap align='right'>
                        2079.30</td>
                    <td nowrap align='right'>
                        0.88</td>
                    <td nowrap align='right'>
                        1.55</td>
                    <td nowrap align='right'>
                        1.87</td>
                    <td nowrap align='right'>
                        13.43</td>
                    <td nowrap align='right'>
                        7.60</td>
                    <td nowrap align='right'>
                        6.29</td>
                    <td nowrap align='right'>
                        1.86</td>
                    <td nowrap align='right'>
                        31.18</td>
                    <td nowrap align='right'>
                        5.32</td>
                </tr>
                <tr height='16'>
                    <td nowrap align='center'>
                        10</td>
                    <td nowrap align='right'>
                        601328</td>
                    <td nowrap align='right'>
                        交通银行</td>
                    <td nowrap align='right'>
                        2011-08-23</td>
                    <td nowrap align='right'>
                        4.6800</td>
                    <td nowrap align='right'>
                        1.74</td>
                    <td nowrap align='right'>
                        2896.25</td>
                    <td nowrap align='right'>
                        1530.78</td>
                    <td nowrap align='right'>
                        0.49</td>
                    <td nowrap align='right'>
                        0.85</td>
                    <td nowrap align='right'>
                        1.01</td>
                    <td nowrap align='right'>
                        9.55</td>
                    <td nowrap align='right'>
                        5.52</td>
                    <td nowrap align='right'>
                        4.61</td>
                    <td nowrap align='right'>
                        1.14</td>
                    <td nowrap align='right'>
                        -13.97</td>
                    <td nowrap align='right'>
                        3.21</td>
                </tr>
                <tr height='16' bgcolor='#f2f2f2'>
                    <td nowrap align='center'>
                        11</td>
                    <td nowrap align='right'>
                        601818</td>
                    <td nowrap align='right'>
                        光大银行</td>
                    <td nowrap align='right'>
                        2011-08-23</td>
                    <td nowrap align='right'>
                        3.0800</td>
                    <td nowrap align='right'>
                        1.65</td>
                    <td nowrap align='right'>
                        1245.39</td>
                    <td nowrap align='right'>
                        468.68</td>
                    <td nowrap align='right'>
                        0.25</td>
                    <td nowrap align='right'>
                        0.39</td>
                    <td nowrap align='right'>
                        0.48</td>
                    <td nowrap align='right'>
                        12.32</td>
                    <td nowrap align='right'>
                        7.80</td>
                    <td nowrap align='right'>
                        6.36</td>
                    <td nowrap align='right'>
                        1.49</td>
                    <td nowrap align='right'>
                        41.45</td>
                    <td nowrap align='right'>
                        5.19</td>
                </tr>
                <tr height='16'>
                    <td nowrap align='center'>
                        12</td>
                    <td nowrap align='right'>
                        000001</td>
                    <td nowrap align='right'>
                        深发展 A</td>
                    <td nowrap align='right'>
                        2011-08-23</td>
                    <td nowrap align='right'>
                        16.6400</td>
                    <td nowrap align='right'>
                        1.34</td>
                    <td nowrap align='right'>
                        852.53</td>
                    <td nowrap align='right'>
                        516.73</td>
                    <td nowrap align='right'>
                        1.36</td>
                    <td nowrap align='right'>
                        2.14</td>
                    <td nowrap align='right'>
                        2.68</td>
                    <td nowrap align='right'>
                        12.28</td>
                    <td nowrap align='right'>
                        7.77</td>
                    <td nowrap align='right'>
                        6.22</td>
                    <td nowrap align='right'>
                        1.66</td>
                    <td nowrap align='right'>
                        4.71</td>
                    <td nowrap align='right'>
                        5.47</td>
                </tr>
                <tr height='16' bgcolor='#f2f2f2'>
                    <td nowrap align='center'>
                        13</td>
                    <td nowrap align='right'>
                        601288</td>
                    <td nowrap align='right'>
                        农业银行</td>
                    <td nowrap align='right'>
                        2011-08-23</td>
                    <td nowrap align='right'>
                        2.6000</td>
                    <td nowrap align='right'>
                        1.17</td>
                    <td nowrap align='right'>
                        8444.65</td>
                    <td nowrap align='right'>
                        531.87</td>
                    <td nowrap align='right'>
                        0.21</td>
                    <td nowrap align='right'>
                        0.38</td>
                    <td nowrap align='right'>
                        0.47</td>
                    <td nowrap align='right'>
                        12.24</td>
                    <td nowrap align='right'>
                        6.79</td>
                    <td nowrap align='right'>
                        5.58</td>
                    <td nowrap align='right'>
                        1.63</td>
                    <td nowrap align='right'>
                        2.76</td>
                    <td nowrap align='right'>
                        4.30</td>
                </tr>
                <tr height='16'>
                    <td nowrap align='center'>
                        14</td>
                    <td nowrap align='right'>
                        601988</td>
                    <td nowrap align='right'>
                        中国银行</td>
                    <td nowrap align='right'>
                        2011-08-23</td>
                    <td nowrap align='right'>
                        2.9600</td>
                    <td nowrap align='right'>
                        1.02</td>
                    <td nowrap align='right'>
                        8262.76</td>
                    <td nowrap align='right'>
                        5787.54</td>
                    <td nowrap align='right'>
                        0.26</td>
                    <td nowrap align='right'>
                        0.44</td>
                    <td nowrap align='right'>
                        0.51</td>
                    <td nowrap align='right'>
                        11.61</td>
                    <td nowrap align='right'>
                        6.67</td>
                    <td nowrap align='right'>
                        5.77</td>
                    <td nowrap align='right'>
                        1.30</td>
                    <td nowrap align='right'>
                        3.70</td>
                    <td nowrap align='right'>
                        4.75</td>
                </tr>
                <tr height='16' bgcolor='#f2f2f2'>
                    <td nowrap align='center'>
                        15</td>
                    <td nowrap align='right'>
                        601398</td>
                    <td nowrap align='right'>
                        工商银行</td>
                    <td nowrap align='right'>
                        2011-08-23</td>
                    <td nowrap align='right'>
                        4.1100</td>
                    <td nowrap align='right'>
                        0.74</td>
                    <td nowrap align='right'>
                        14344.70</td>
                    <td nowrap align='right'>
                        10777.46</td>
                    <td nowrap align='right'>
                        0.32</td>
                    <td nowrap align='right'>
                        0.57</td>
                    <td nowrap align='right'>
                        0.68</td>
                    <td nowrap align='right'>
                        13.05</td>
                    <td nowrap align='right'>
                        7.17</td>
                    <td nowrap align='right'>
                        6.05</td>
                    <td nowrap align='right'>
                        1.78</td>
                    <td nowrap align='right'>
                        4.36</td>
                    <td nowrap align='right'>
                        6.01</td>
                </tr>
                <tr height='16'>
                    <td nowrap align='center'>
                        16</td>
                    <td nowrap align='right'>
                        601939</td>
                    <td nowrap align='right'>
                        建设银行</td>
                    <td nowrap align='right'>
                        2011-08-23</td>
                    <td nowrap align='right'>
                        4.4800</td>
                    <td nowrap align='right'>
                        0.67</td>
                    <td nowrap align='right'>
                        11200.49</td>
                    <td nowrap align='right'>
                        429.80</td>
                    <td nowrap align='right'>
                        0.40</td>
                    <td nowrap align='right'>
                        0.67</td>
                    <td nowrap align='right'>
                        0.82</td>
                    <td nowrap align='right'>
                        11.27</td>
                    <td nowrap align='right'>
                        6.73</td>
                    <td nowrap align='right'>
                        5.49</td>
                    <td nowrap align='right'>
                        1.57</td>
                    <td nowrap align='right'>
                        -27.43</td>
                    <td nowrap align='right'>
                        5.27</td>
                </tr>
            </table>
        </div>
    </div>

    <script type="text/javascript">
          function HTMLLoad(hybm,code)
     {
                //选择框
            var obj=document.getElementById("drpIndustry");
            for(var o=0;o<5;o++)
            {
                if(obj.options[o].value==hybm)
                {
                    obj.options[o].selected=true;
                    break;
                }
            }
             var tabobj=document.getElementById("tbValue");
              for(var i=2;i<tabobj.rows.length;i++)
            {
            
                if(tabobj.rows[i].cells[1].innerHTML==code)
                {
                     
                    tabobj.rows[i].style.backgroundColor="red";
                    
                    break;
                }
            }
            
            
     }
     function OnChange(code)
    {      
   // alert(document.getElementById("drpIndustry").value+"_"+code+".html");
       window.location.href=document.getElementById("drpIndustry").value+"_"+code+".html";
       
    }
    
    
     //转换器,将列的字段类型转换为可以排序的类型:String,int,float
            function convert(sValue, sDataType) {
                switch(sDataType) {
                    case "int":
                        if(sValue!="--")
                            return parseInt(sValue);
                        else
                            return -10000000000000;
                    case "float":
                        if(sValue!="--")
                            return parseFloat(sValue);
                         else
                            return -10000000000000.0;
                    case "date":
                        if(sValue!="--")
                             return new Date(Date.parse(sValue));
                        else
                            return "1900-01-01";
                    default:
                        return sValue.toString();
                
                }
            }
            
            //排序函数产生器,iCol表示列索引,sDataType表示该列的数据类型
            function generateCompareTRs(iCol, sDataType) {
        
                return  function compareTRs(oTR1, oTR2) {
                            var vValue1 = convert(oTR1.cells[iCol].firstChild.nodeValue, sDataType);
                            var vValue2 = convert(oTR2.cells[iCol].firstChild.nodeValue, sDataType);
        
                            if (vValue1 < vValue2) {
                                return -1;
                            } else if (vValue1 > vValue2) {
                                return 1;
                            } else {
                                return 0;
                            }
                        };
            }
            
            //排序方法
            function sortTable(sTableID, iCol, sDataType) {
                var oTable = document.getElementById(sTableID);
                var oTBody = oTable.tBodies[0];
                var colDataRows = oTBody.rows;
                var aTRs = new Array;
                
                //将所有列放入数组
                for (var i=0; i < colDataRows.length; i++) {
                    aTRs[i] = colDataRows[i];
                }
                 
                //判断最后一次排序的列是否与现在要进行排序的列相同,是的话,直接使用reverse()逆序
                if (oTable.sortCol == iCol) {
                    aTRs.reverse();
                } else {
                    //使用数组的sort方法,传进排序函数
                    aTRs.sort(generateCompareTRs(iCol, sDataType));
                }
        
                var oFragment = document.createDocumentFragment();
                for (var i=0; i < aTRs.length; i++) {
                    aTRs[i].cells[0].innerHTML=i+1;
                    oFragment.appendChild(aTRs[i]);
                }
       
                oTBody.appendChild(oFragment);
                //记录最后一次排序的列索引
                oTable.sortCol = iCol;
            }
    </script>

</body>
</html>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
antd的Table组件可以轻松地对时间列进行排序。要在时间列中实现排序,需要将时间列的数据格式化为Date对象,并通过自定义的比较函数来指定排序规则。 首先,确保时间数据以Date对象的形式呈现在时间列中。如果数据源中的时间数据是字符串格式,我们可以使用moment库将其解析为Date对象。 然后,在Table组件中,通过设置columns的sorter属性为一个自定义的比较函数。这个比较函数将根据两个时间值的差异来决定它们的排序顺序。在比较函数中,我们可以使用Date对象的getTime()方法获取时间的毫秒数,然后进行比较。 下面是一个示例代码: ```jsx import { Table } from 'antd'; import moment from 'moment'; // 假设data是时间数据的数组 const data = [ { id: 1, name: '张三', time: '2021-01-01 10:00:00' }, { id: 2, name: '李四', time: '2021-01-02 09:00:00' }, { id: 3, name: '王五', time: '2021-01-03 08:00:00' }, ]; // 将时间数据解析为Date对象 const formattedData = data.map(item => ({ ...item, time: moment(item.time).toDate(), })); // 创建columns对象 const columns = [ { title: 'ID', dataIndex: 'id', key: 'id', }, { title: '姓名', dataIndex: 'name', key: 'name', }, { title: '时间', dataIndex: 'time', key: 'time', sorter: (a, b) => a.time.getTime() - b.time.getTime(), // 指定比较函数 // 如果需要倒序排序,可以使用 b.time.getTime() - a.time.getTime() }, ]; // 渲染Table组件 <Table columns={columns} dataSource={formattedData} />; ``` 通过以上代码,我们可以在Table组件中对时间列进行排序
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值