How to create tabs with “content” on fly on click of hyperlinks under grid?

How to create tabs with “content” on fly on click of hyperlinks under grid?

In my legacy webapplication (using jquery,struts, java), i show the emails in grid(using datatable) where subject is one of the column under grid
and values under it is hyperlink generated on the fly at server side.Right now, when i click on any subject hyperlink , its contents is shown (as hyperlink points to struts action class which process the request for that specific email id and forward to another jsp)  on the same browser
and return button is provided on that so that user once view the content, he can again return to inbox.

But now i want to open the hyperlink content in the
new tab ,instead of showing the content on the same browser,
similar to functionality on yahoo mail.Basically when i click on any email it should be opened
in new tab and if i want i can close it too.I did bit of googling but could not spot the similar example
wher hyperlink content is generated on fly under grid and it opens the content in new tab. Any pointer/Brief example would be a great help.