javascript - jQueryデータテーブルのカスタムソートとフィルタリング

Question

MVC4 アプリケーションで jquery データテーブルを使用しています。jquery データテーブルの最も単純な構成。

実際、私はこの小さな jquery スニペットを layout.cshtml ファイルに配置しました。これにより、カスタム処理を行わなくても、アプリケーション内のすべてのテーブルが処理されます。

$(".dataTable").dataTable({
   "bJQueryUI": true,
   "sPaginationType": "full_numbers"
}).columnFilter();

これは、テーブルをフォーマットすると完全に機能します<thead>, <tbody> and <tfoot>.

画像は次のとおりです。

もちろん、この基本構成ですべてがうまくいくわけではありません。

---

問題

支払いステータス列にはテキストだけでなく、スパンと非表示のドロップダウン リストが含まれています。をクリックすると<td>、スパンが非表示になり、ドロップダウンが表示されます。ドロップダウンを変更すると、表示されたスパンと非表示のドロップダウンに戻ります。

コード ：

 <td class=" " paymentid="106">
            <span>
                Completed
            </span>

           <select name:"paymentstatus"="" style="display:none;" onchange="changepaymentStatus($(this).parent().attr('paymentId'),$(this).val(),10);">
               <option value="0" selected="'selected'">Completed</option>
               <option value="1">Pending</option>
               <option value="2">Cancelled</option>
           </select>
        </td>

このすべての混乱が<td>要素に存在すると、(その列に対して) フィルター処理がまったくできず、(その列に対して) 並べ替えが正しく機能しません。