footable 你如何删除搜索框

Question

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

Answer 1

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

Answer 2

我正在使用 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 初始化 table...

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

Answer 3

如果这将是您的 table 容器：

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

然后对包含搜索框的 table header 行执行 jquery 隐藏：

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

Answer 4

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

footable how do you remove search box