使用数据表搜索多个表

Question

问

使用数据表搜索多个表

mobiledu2502870587 发布于 2023-02-11 16:30

好的,jquery业余警报在我开始之前.

我正在使用Datatables并且似乎无法使fnFilterAll API正常运行,即使他们的网站上给出了示例.我昨晚在几个小时的时间内完成了一次在线谷歌操作,令我沮丧的是,我找不到fnFilterAll的实际工作示例.

fnFilterAll API允许搜索多个表(对于那些想知道的人).

为了使事情变得简单,我创建了一个包含两个表的拆分页面.我想我错过了一些非常基本的东西,比如也许我必须指定列,但不知道在哪里这样做(在this.value区域？).无论如何,这是我的代码作为起点:

非常感谢任何帮助.感谢您的时间.




    
        
        Testing Multi-Table Search Filter
        
        
        
        
    

    
        
             Current:
                

                
                    
                        
                            Fname
                            Lname
                            Age
                            Check
                        
                    
                    
                        
                            John
                            Smith
                            44
                            --
                        
                        
                            Mary
                            Doe
                            54
                            --
                        
                    
                
            
             
             Last:
                

                
                    
                        
                            Fname
                            Lname
                            Age
                            Check
                        
                    
                    
                        
                            John
                            Smith
                            44
                            --
                        
                        
                            Mary
                            Doe
                            54
                            --

Bob Tate.. 11

如果我明白你在寻找什么,那么你几乎就在那里.我拿了你的代码并对它进行了一些小调整,以便一次搜索/过滤所有表格.

我在jsFiddle http://jsfiddle.net/bhSv9/上放了一个演示

数据表的搜索过滤器是分配的表的本地.我所做的是添加另一个输入并指向全局搜索.

HTML添加

JavaScript的变化

 $("#Search_All").keyup(function () {
    oTable1.fnFilterAll(this.value);
 });

希望能帮助到你.