dataTables resize height

oscaroxy

when I change the dimension of div that contain the dataTable I would to change the height the dataTable, it's scrollY=true.
thanks

oscaroxy

I solved:

$(window).load(function(){
$(".resizable").on("mresize",function(){
var h = parseInt(($('#bx-result-list').css('height')).replace('px','')) - 40;
$('#tbAnagraficaCv_wrapper .dataTables_scrollBody').css("height",h+"px").css("max-height",h+"px");
$('#tbAnagraficaCv').dataTable().fnDraw(false);
});
});

WHERE:

• #bx-result-list: is the div that contain the dataTable
• #tbAnagraficaCv: is the id of dataTable
• 40: is the height of the dataTable head
• mresize: is a plug-in http://manos.malihu.gr/event-based-jquery-element-resize/
• .resizable: is the class of mresize

allan

Hi,

Thanks for posting back with your solution. That looks like a good way to do it at the moment (since DataTables currently doesn't have an API method for this).

Allan