footable如何删除搜索框

Question

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

Answer 1

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

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

如果我想隐藏搜索框，我会删除'data-filtering‘属性。

示例：

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

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

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

Answer 2

如果这是您的表容器：

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

然后，只需对包含搜索框的表标题行执行jquery hide：

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

Answer 3

$(function(){
$('.footable-filtering-search').html('');
});