如何使用jQuery插件在数据表中执行排序？

Question

$(document).ready(function() {
    $('#example').DataTable( {
        "order": [[ 3, "desc" ]]
    } );
} );

I have used this even though it is not workin.. 即使它无法正常工作，我也使用了它。

Answer 1

I am assuming based on your questing you are not able to sort your table by using jQuery plugins you have used. 我假设根据您的要求，您无法使用已使用的jQuery插件对表进行排序。

For sorting your table first of all you have to add css and js file (check in following code and then in javascript code give your table ID (here id is example). 要首先对表进行排序，您必须添加css和js文件（签入以下代码，然后在javascript代码中提供表ID（此处的ID为示例）。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">

        <link rel="stylesheet" type="text/css" href="css/jquery.dataTables.min.css">
    <script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" language="javascript" src="js/jquery.dataTables.js"></script>

    <script>
$(document).ready(function() {
    $('#example').DataTable( {
        "order": [[ 3, "desc" ]]
    } );
} );
</script>

    </head>
<body>
<table id="example" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Age</th>
                <th>Start date</th>
                <th>Salary</th>
            </tr>
        </thead>

        <tfoot>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Age</th>
                <th>Start date</th>
                <th>Salary</th>
            </tr>
        </tfoot>

        <tbody>
            <tr>
                <td>Tiger Nixon</td>
                <td>System Architect</td>
                <td>Edinburgh</td>
                <td>61</td>
                <td>2011/04/25</td>
                <td>$320,800</td>
            </tr>
            <tr>
                <td>Garrett Winters</td>
                <td>Accountant</td>
                <td>Tokyo</td>
                <td>63</td>
                <td>2011/07/25</td>
                <td>$170,750</td>
            </tr>
            <tr>
                <td>Ashton Cox</td>
                <td>Junior Technical Author</td>
                <td>San Francisco</td>
                <td>66</td>
                <td>2009/01/12</td>
                <td>$86,000</td>
            </tr>
            <tr>
                <td>Cedric Kelly</td>
                <td>Senior Javascript Developer</td>
                <td>Edinburgh</td>
                <td>22</td>
                <td>2012/03/29</td>
                <td>$433,060</td>
            </tr>
            <tr>
                <td>Airi Satou</td>
                <td>Accountant</td>
                <td>Tokyo</td>
                <td>33</td>
                <td>2008/11/28</td>
                <td>$162,700</td>
            </tr>
 </tbody>
</table>
</body>

如何使用jQuery插件在数据表中执行排序？

问题描述

1 个解决方案

解决方案1
0 2015-10-08 13:25:05

如何使用jQuery插件在数据表中执行排序？

问题描述

1 个解决方案

解决方案1 0 2015-10-08 13:25:05

解决方案1
0 2015-10-08 13:25:05