jQuery数据表自定义排序和过滤

Posted

技术标签:

【中文标题】jQuery数据表自定义排序和过滤【英文标题】:jQuery datatable custom sorting and filtering 【发布时间】:2013-04-09 19:25:44 【问题描述】:

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

事实上,我已经将这个小的 jquery sn-p 放在了我的 layout.cshtml 文件中,它将处理我的应用程序中的所有表,而无需进行任何自定义。

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

当我使用<thead>, <tbody> and <tfoot>. 格式化表格时,这非常有效

这是图片:

当然,并非一切都适用于这个基本配置。


问题

付款状态列不仅包含一些文本,还包含一个跨度和一个隐藏的下拉列表。点击<td>,span 被隐藏并且下拉菜单变得可见。在下拉更改时,它会恢复为可见的跨度和隐藏的下拉列表。

代码:

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

由于&lt;td&gt; 元素中存在所有这些混乱,它根本无法过滤(对于该列并且排序工作不正确(对于该列)。

【问题讨论】:

【参考方案1】:

您好,看看这个http://datatables.net/examples/plug-ins/sorting_sType.html,它将为您完成这项工作。

【讨论】:

以上是关于jQuery数据表自定义排序和过滤的主要内容,如果未能解决你的问题,请参考以下文章

为 jQuery 数据表实现自定义 sSortType 和排序函数

jquery数据表,服务器端的自定义排序[关闭]

Amplify AppSync:使用分页进行自定义排序和过滤

如何自定义这个已经自定义的 jQuery 排序解决方案?

php Сustom类别过滤器解析URL类别过滤器按自定义过滤器按属性自定义过滤器自定义排序

无法在 Drupal 7 的视图中对自定义字段进行排序或过滤