How to hide jQuery datatables

Question

How do I to hide jQuery datatables, when I want to toggle the datatable's visibility? The problem is if I write hide statement it only hides the rows, not the headers and footer. How can I hide datatable fully?

For hiding, I used the below code:

 var oTable = $('#example').dataTable(); // 'example is the table id'
 oTable.hide();

@Rob : Yes it also gives same result

Rajaram Shelar
– Rajaram Shelar

2013-04-05 07:10:57 +00:00
Commented Apr 5, 2013 at 7:10 — Rajaram Shelar
– Rajaram Shelar, Commented Apr 5, 2013 at 7:10

msapkal · Accepted Answer · 2013-04-05 07:15:15Z

24

Try this

$('#example').parents('div.dataTables_wrapper').first().hide();

answered Apr 5, 2013 at 7:15

msapkal

8,3462 gold badges34 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

badr slaoui · Accepted Answer · 2015-03-23 11:31:18Z

16

i think the best way is to include the table inside a div and hide the div

 <div id='divTable'>
     <table>
     </table>
 </div>

 $('#divTable').hide();

answered Mar 23, 2015 at 11:31

badr slaoui

1,0631 gold badge12 silver badges28 bronze badges

Comments

Antony · Accepted Answer · 2017-04-04 12:43:50Z

0

For me (and I know this is a wierd need) I needed to hide the main table but keep the results (i.e. X results of X filtered).

$('div.dataTables_wrapper thead,div.dataTables_wrapper tbody').hide();

The above fixed it for me. If you have a footer you would need to add ,div.dataTables_wrapper tfoot as well.

answered Apr 4, 2017 at 12:43

Antony

4,4421 gold badge34 silver badges43 bronze badges

Collectives™ on Stack Overflow

How to hide jQuery datatables

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related