如何使用javascript排序多个表格...... [英] how to sorting multiple table using javascript......

查看:55
本文介绍了如何使用javascript排序多个表格......的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如何使用javascript对多个表进行排序:

how to sorting multiple table using javascript:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
 <table cellspacing="5" border="0" cellpadding="0" width="100%" style="border-width: 1px; border-color: Red; border-style: ridge" id="table_demo_world" class="demo">
       <thead>
        <tr>
            <td colspan="6">
                <table cellspacing="0" cellpadding="0" width="100%" id="gridText">                     
                        <tr style="background: removed(/TravelOcity-vss/Images/pay.gif); background-color: Red;<br mode=" hold=" />                            height: 25px;">
                            <th align="center" class="Paymentheader" style="width: 100px; height: 25px;">
                                Airlines
                            </th>
                            <th align="center" class="Paymentheader" style="width: 120px; height: 25px;">
                                Departure
                            </th>
                            <th align="center" class="Paymentheader" style="width: 145px; height: 25px;">
                                Arrival
                            </th>
                            <th align="center" class="Paymentheader" style="width: 120px; height: 25px;">
                                Duration
                            </th>
                            <th align="center" class="Paymentheader" style="width: 100px; height: 25px;">
                                Total Fare
                            </th>
                            <th align="center" class="Paymentheader" style="width: 100px; height: 25px;">
                                Book
                            </th>
                        </tr>
                 
                </table>
            </td>
        </tr>
          
        </thead>
                     <tbody>
        <tr>
            <td colspan="6">
                <table width="100%" style="border-width: 1px; border-color: Gray; border-style: ridge">
                    <tr>
                        <td colspan="6">
                            <br />
                        </td>
                    </tr>
                    <tr>
                        <td align="center" style="width: 100px;">
                          312 
                        </td>
                        <td align="center" style="width: 150px;">
                            
                                07:05
                        <td align="center" style="width: 150px;">
                           
                                09:40
                        </td>
                        <td align="center" class="AvailFontFize" style="width: 150px;">
                          
                         
                            02Hrs 35Mins<br />
                                
                        </td>
                        <td align="center" style="width: 100px;">
                            <span class="FareFontFize">र.5259.00</span>
                        </td>
                        <td align="center" style="width: 100px;">
                           Fare Summary
                         
                        </td>
                    </td></tr>
                    <tr>
                        <td colspan="6">
                            <br />
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td colspan="6">
                <table width="100%" style="border-width: 1px; border-color: Gray; border-style: ridge">
                    <tr>
                        <td colspan="6">
                            <br />
                        </td>
                    </tr>
                    <tr>
                        <td align="center" style="width: 100px;">
                         
                            304
                        </td>
                        <td align="center" style="width: 150px;">
                          
                                11:40
                        </td>
                        <td align="center" style="width: 150px;">
                            
                                14:25
                        </td>
                        <td align="center" class="AvailFontFize" style="width: 150px;">
                            
                            02Hrs 45Mins<br />
                           
                        </td>
                        <td align="center" style="width: 100px;">
                            <span class="FareFontFize">र.5259.00</span>
                        </td>
                        <td align="center" style="width: 100px;">
                              Fare Summary
                          
                        </td>
                    </tr>
                    <tr>
                        <td colspan="6">
                            <br />
                        </td>
                    </tr>
                </table>
            </td>
        </tr>       
        </tbody>
    </table>
</body>
</html>


关于.....


regarding.....

推荐答案



请检查以下链接

使用jQuery对HTML表进行排序 [ ^ ]

谢谢,
Imdadhusen
Hi,

Please check following link

Sort an HTML table using jQuery[^]

Thanks,
Imdadhusen


这可能对您有帮助
http://tympanus.net/codrops/2009/10/03/33-javascript-solutions-for-sorting-tables/ [
This may help you
http://tympanus.net/codrops/2009/10/03/33-javascript-solutions-for-sorting-tables/[^]


这篇关于如何使用javascript排序多个表格......的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆