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>元素中存在所有这些混乱，它根本无法过滤（对于该列而且排序工作不正确（对于该列）。

Answer 1

嗨，看看这个http://datatables.net/examples/plug-ins/sorting_sType.html这将为你完成这项工作。