How to hide or show dynamically column of table created using datatables in javascript with javascript source?

Question

Do you know how to dynamically/later hide or show column when datatable's source is javascript?

this method works for tables created with html source but not with method created with javascript source?

 var table = $('#example').dataTable({
  "data": source,
  "columns": columns,
  "columnDefs": [
  {
    "targets": [ 0 ],
    "visible": false, // no worries for hiding column at start 
  });
    var col = table.column("1").visible(false); //error if source is javascript

my second ? is an error

Pipo
– Pipo

2015-02-09 01:42:32 +00:00
Commented Feb 9, 2015 at 1:42 — Pipo
– Pipo, Commented Feb 9, 2015 at 1:42

Pipo · Accepted Answer · 2015-03-23 10:38:27Z

1

I finally found out we can do like that:

 table.fnSetColumnVis(3, false);

It works when table is create with method datatable (old version)

in spite of column() wroks when table is created with method Datatable (new version)

edited Mar 23, 2015 at 10:38

answered Feb 9, 2015 at 3:21

Pipo

5,7718 gold badges37 silver badges71 bronze badges

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

2 Comments

davidkonrad Over a year ago

It does not work because you initialize dataTables the "old" way, with dataTable(). column() should be used when using the new dataTables 1.0.x API, eg DataTable(). It is perfectly well to accept your own answer, perhaps it will help other people in the future.

Pipo Over a year ago

of thank you very much !!! you solved the mystery! I was becoming crazy! Your solution is better! you should write it as answere.

Collectives™ on Stack Overflow

How to hide or show dynamically column of table created using datatables in javascript with javascript source?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related