CODEWITHSUNDEEP
footable
Radu Bartan
Radu Bartan

Reputation: 563

footable how do you remove search box

In FooTable how do you remove the search box? See search box picture here.

Upvotes: 0

Views: 1536

Answers (4)

Hans-Juergen Kopperger
Hans-Juergen Kopperger

Reputation: 41

if this would be your table container:

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

Then just do a jquery hide for the table header row containing the search box:

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

Upvotes: 1

barrypicker
barrypicker

Reputation: 10108

I am using FooTable v3.1.5. When I want the search box to appear I add the following markup...

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

if I wish to hide the search box i remove the attribute 'data-filtering'.

Example:

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

I then use JavaScript to initialize the table...

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

Upvotes: 0

WEI
WEI

Reputation: 11

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

Upvotes: 1

Radu Bartan
Radu Bartan

Reputation: 563

I came up with this solution: https://docs.google.com/drawings/d/1lnzPpEZBmtYyhZyqELr7ZE1H2iR2vciuxg1d5yg7l-Y/edit?usp=sharing

If anyone has a better solution - I will gladly accept it as the answer.

Upvotes: 0

Related Questions