Answers

• mackmack Posts: 15Questions: 1Answers: 2

  January 2017 edited January 2017

  Just take a look here: https://datatables.net/extensions/responsive/

  $('#myTable').DataTable( {
      responsive: true
  } );
  

  You need to add datatable responsive extension.
  https://cdn.datatables.net/responsive/2.1.1/js/dataTables.responsive.min.js

  and the css file
  https://cdn.datatables.net/responsive/2.1.1/css/responsive.dataTables.min.css
• mackmack Posts: 15Questions: 1Answers: 2

  January 2017

  I visit the link you provided and I see what's wrong in your javascript code..

  You must call initialize datatable after showing the container

  $("#tableContainer").show();
  $('#myTable').DataTable({
     responsive:true,
    data: dataSet
  });  
  
• allan Posts: 63,535Questions: 1Answers: 10,475 Site admin

  January 2017 Answer ✓

  You can actually call the responsive.recalc() method once you've shown your container. That will perform whatever calculations are needed.

  Allan
• orsn Posts: 3Questions: 2Answers: 0

  January 2017

  mackmack, there are js and css added. I also know that everything will work fine if I initialize the table when it's visible. The thing is, I want to set up a few of divs with tables, and show them one by one depending on user activity.

  allan, thank you, that worked.