Question

在FooTable中如何删除search box？请参阅搜索框图片here。

Answer 1

如果这是你的表容器：

<div class="container" >
    <table class="table table-striped" id="mytable">
    </table>
</div><!-- /container -->

然后只对包含搜索框的表标题行执行jquery隐藏：

$("#mytable > thead > tr.footable-filtering").addClass("hidden");//hides the standard search footable search box

Answer 2

我提出了这个解决方案：https://docs.google.com/drawings/d/1lnzPpEZBmtYyhZyqELr7ZE1H2iR2vciuxg1d5yg7l-Y/edit?usp=sharing

如果有人有更好的解决方案 - 我很乐意接受它作为答案。

Answer 3

我使用的是FooTable v3.1.5。当我想要搜索框出现时，我添加以下标记......

<table id="mytable" class="table table-striped table-bordered footable">

如果我想隐藏搜索框，我会移除属性＆＃39;数据过滤＆＃39;。

示例：

$(document).ready(function () {
    $("#mytable").footable();
});

然后我使用JavaScript初始化表...

import java.util.Scanner;
class replace {
    public static void main(String args[]) {
        Scanner s=new Scanner(System.in);
        int a=s.nextInt();
        String aa=Integer.toString(a);
        String b=s.next();
        String bb=b.substring(b.length()-6);
        System.out.println(aa+" "+bb);
        String bc=b.replace(bb,aa);
        System.out.println(bc);
     }

}

footable如何删除搜索框

3 个答案: