Question

I’m using jQuery Datatables.
I want to change the height of the table whenever a user resizes the window. I’m able to catch the window resize event which allows me to calculate the new height. How can I assign the new height to the datatable object?

Answer 1

You can use the following code:

var calcDataTableHeight = function() {
  return $(window).height() * 55 / 100;
};

var oTable = $('#reqAllRequestsTable').dataTable({
  "sScrollY": calcDataTableHeight();
});

$(window).resize(function() {
  var oSettings = oTable.fnSettings();
  oSettings.oScroll.sY = calcDataTableHeight(); 
  oTable.fnDraw();
});