Datatables column header not expanding automatically

Hi,

I have a datable inside a tab. My application has a left pane and a center pane. Center pane displays the data table and left pane is used for browsing. My left pane is collapsible, but whenever I collapse my left pane the column width in datatables is not automatically resized based on new width but when I click on any of the column headers it expands / collapse based on the total width. I am not sure how to fix this issue.

I tried using the below code but doesn't seem to work..

        $(window).bind('resize', function () {
     $("#"+elementId).css('width', '100%');
    oTable.fnAdjustColumnSizing();
  } );

Thanks for your help!!!!

Thanks,
Barani