javascript - 階層データを含むテーブルの並べ替え

Question

階層データを含む HTML テーブルがあり、データを並べ替える機能を提供する必要があるという奇妙な状況がありますが、子ではなく「親」行のみです。実際、子は親にアタッチされたままである必要があるため、親がソートされた場合は常に子も従う必要があります (ただし、内部でソートする必要はありません)。例えば：

「評価」をクリックすると、太字の評価が並べ替えられ、子供たち (この例では雑草) が一緒に乗っていくはずです。私のためにこれを行う魔法のjqueryプラグインはありますか? :)

編集これは、レンダリングされた HTML の本当に簡素化されたバージョンです。私はこれをある程度制御できますが、それほど多くはありません (マークアップはリモート エンドポイントから取得されます...)。

<table id="grid">
<thead>
    <tr role="row">
        <th>Name</th>
        <th>Rating</th>
        <th>Timing</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td><b>Butyrac 200</b></td>
        <td><b>8</b></td>
        <td>POST</td>
        <td>3</td>
    </tr>
    <tr>
        <td>Common chickweed</td>
        <td>4</td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td>Common dandelion</td>
        <td>4</td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td><b>Chateau</b></td>
        <td><b>14</b></td>
        <td>PRE</td>
        <td>6</td>
    </tr>
    <tr>
        <td>Common chickweed</td>
        <td>10</td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td>Common dandelion</td>
        <td>4</td>
        <td></td>
        <td></td>
    </tr>
</tbody>