jquery - jqueryソートテーブル

Question

私はこのテーブルを持っています

<table>
    <th>
        Food Name
    </th>
    <th>
        Restaurant Name
    </th>
    <?php
    if ($isCustomer == "1") {
        ?>
        <th>

        </th><?php
}
    ?>
    <?php while ($row = $allFoods->fetch()) { ?>
        <tr>
            <td>
                <?php echo $row['foodName']; ?>
            </td>
            <td>
                <?php echo $row['restaurantName']; ?>
            </td>
            <?php
            if ($isCustomer == "1") {
                ?>
                <td class="favoriteRow">
                    <a class="link" href="<?php echo URL . 'customer/addFavoriteFood/' . $row['foodID'] ?>">  Add Favorite</a>
                </td>
                <?php
            }
            ?>
        </tr>
    <?php } ?>
</table>

私はそれをたくさん並べ替えようとしましたが、できませんでした。すでに並べ替えられたアイテムでページをリロードする必要があるようですが、jquery を使用して並べ替える必要があります。

Answer 1

私はjquery tablesorterで成功しました。これは、html テーブルを並べ替える非常に簡単な方法です。

以下のコードサンプル、

html:

<table id="myTable" class="tablesorter"> 
<thead> 
<tr> 
    <th>Last Name</th> 
    <th>First Name</th> 
    <th>Email</th> 
    <th>Due</th> 
    <th>Web Site</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
    <td>Smith</td> 
    <td>John</td> 
    <td>jsmith@gmail.com</td> 
    <td>$50.00</td> 
    <td>http://www.jsmith.com</td> 
</tr> 
<tr> 
    <td>Bach</td> 
    <td>Frank</td> 
    <td>fbach@yahoo.com</td> 
    <td>$50.00</td> 
    <td>http://www.frank.com</td> 
</tr> 
<tr> 
    <td>Doe</td> 
    <td>Jason</td> 
    <td>jdoe@hotmail.com</td> 
    <td>$100.00</td> 
    <td>http://www.jdoe.com</td> 
</tr> 
<tr> 
    <td>Conway</td> 
    <td>Tim</td> 
    <td>tconway@earthlink.net</td> 
    <td>$50.00</td> 
    <td>http://www.timconway.com</td> 
</tr> 
</tbody> 
</table> 

jquery:

$(document).ready(function() 
    { 
        $("#myTable").tablesorter(); 
    } 
); 

Answer 2

https://github.com/ozzyogkush/jquery.sortableTableで私の sortableTable プラグインを使用することもできます。非常に使いやすく、拡張性に優れています。