Below are the steps:
1. Download Jquery from Jquery.com
2. Add this to Sharepoint All files Folder or Site Assets.
3. Create new Custom Form (Newform.aspx)
5. Add the Following Tab code in your Custom form
<div id="tabs">
<ul>
<li><a href="#tabs-1">Tab1</a></li>
<li><a href="#tabs-2">Tab2</a></li>
</ul>
<div id="tabs-1">
<table border="0" cellspacing="0" width="100%">
</table>
</div>
<div id="tabs-2">
<table border="0" cellspacing="0" width="100%">
</table>
</div>
</div>
6. Cut the Column <Tr> from you list and paste under tabs table.
7. Save this form and preview in browser
8. Edit this page after clicking page tab
9. And add two HTML form web parts on that page
10. Edit first html web part properties and click source editor button, it will open a window copy and paste the jquery and CSS reference in this window.
In my case I have added this jquery folder to Site Assets.
<link type="text/css" href="SiteUrl/SiteAssets/jquery-ui-1.8.18.custom/css/redmond/jquery-ui-1.8.18.custom.css" rel="stylesheet" />
<script type="text/javascript" src=" SiteUrl /SiteAssets/jquery-ui-1.8.18.custom/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src=" SiteUrl /SiteAssets/jquery-ui-1.8.18.custom/js/jquery-ui-1.8.18.custom.min.js"></script>
<script type="text/javascript">
$(function(){
// Tabs
$('#tabs').tabs();
});
</script>
11. Save the page and Stop editing your Tabs are ready.
