Generate the html for both and give each a different ID (Ex. tbl1 and tbl2). In the second, use the attribute style="DISPLAY: none".
Create a function for the onclick event of each radio button such as:
Radio button 1
onclick="JavaScript: document.all('tbl2').style.display='none'; document.all('tbl1').style.display='block';"
Radio button 2
onclick="JavaScript: document.all('tbl1').style.display='none'; document.all('tbl2').style.display='block';"
Each time a radio button is selected, one table is hidden and one is displayed.