Issue while adding the resposive UI to the HTMLtable

Dear Members,
I have a stuck up on one issue related with HTML table design. Please find the following the details,

• Actually i have tried to add the responsive UI to the HTML table in my existing project. (for this i have referred this link) .

ISSUE:
My issue is "HTML table shrinks when i shrink the browser windows, after that if i expanded the browser window to the actual size, this time html table does not pulled back to its original size".
Case 1: If i place the html table immediately after

and

tags, it works fine. (i.e, html table shrinks and expands based on the browser size)
Case 2: If i place the html table in the following order, issue occurs.
         

id="responsiveUItable">