Javascript jQuery数据表自定义排序和筛选

我正在MVC4应用程序中使用jquery数据表。jquery数据表的最简单配置

事实上，我已经将这个小jquery片段放在layout.cshtml文件中，该文件将处理应用程序中的所有表，而不做任何自定义操作

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

当我使用

和设置表格格式时，这非常有效。

图为：

当然，并不是所有的东西都能用这个基本配置工作

---

问题 “付款状态”列不仅包含一些文本，还包含一个范围和一个隐藏的下拉列表。单击

，范围将隐藏，下拉列表将可见。在下拉列表更改时，它将恢复为可见范围和隐藏下拉列表

守则：

 <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>

完整的
完整的
悬而未决的
取消

由于

元素中存在所有这些混乱，它根本无法进行筛选（对于该列），排序工作不正确（对于该列）。

您好，看看这个，这将为您完成这项工作