数据表过滤器下拉菜单

Question

我想使用此行 data: ["Accepted", "Delivered", "Pending", "Cancel"], filter_default_label: "Select Status" 过滤数据 tables 但要过滤的数据已经在下拉菜单中 [在此处输入图像描述][1] 就像在此处图像下拉菜单显示挂起所以如果有其他词像取消好吧，我想过滤 table 上显示挂起的所有行，而不是在 table

中取消

Answer 1

所以基本上您的专栏应该使用 custom_func，请参阅下面的完整专栏设置：

{    
    column_number : 2, 
    data: ["Accepted", "Delivered", "Pending", "Cancel"], filter_default_label: "Select Status", 
    filter_type: 'custom_func', 
    custom_func: myCustomFilterFunction
},

其中 myCustomFilterFunction 应如下所示：

 function myCustomFilterFunction(filterVal, columnVal) {
        var found;
        if (columnVal === '') {
            return true;
        }
        if ($(columnVal).val() === filterVal) {
            return true;
        }
        return false;
 }

但是为了让它工作，你必须更新每个 select 当它被更改时（它的 html/datatbles 数据）应该在每次更改后更新 - 否则旧值将保持为 selected 在 table 和 yadcf 将无法告诉其更新值

see following test page

数据表过滤器下拉菜单

Datatables Filter dropmenu

javascript

datatable

jquery

datatables

yadcf